Animate show after a hide.

Animate show after a hide.

I'm trying to get jquery to show a specific div "apDiv2" after a hide effect.
Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work. This is new to me so any help appreciated.

  1. $('.staffThumb').click(function() {
       
            $("*[id*=apDiv]").hide();

            var currentId = $(this).attr('id');
            if (currentId=='thumb1') {   
            $(".apDiv2").show();   
              }
        });