jQuery Forum

I have been trying to get this to work. You can check it out here. But I want to be able to fade the other div for all the ones that are not active once I click on the .show for another. Plus trying to get the active one to stay focused while clicked and then unfocused when clicked again. I know this doesn't seem to make sense, but if you check out the link above it might be a little more clear. So far this is what I have and is working great but trying to make it better. Any help is greatly appreciated!

11. $(document).ready(function() {

          $('.bio-block' 'gray-box').hide();   
        $('.show').click(function(event){
            event.preventDefault();
            var sliderContent = $(this).next('.bio-block');
            $('.bio-block').not(sliderContent).hide();
            sliderContent.toggle();
            return false;
        });

        $('.close').click(function(){
            $(this).parent().hide();
         });
        
$(document).click(function(){
       
    $(".bio-block").hide();
    });
         
        $(".bio-block").click(function(e){
        e.stopPropagation();
        });

});