Show Hide Script add Fade?

Show Hide Script add Fade?

Hello,

I'm wondering if this simple script I have, a show-hide, to display different divs.

Could use have a fade affect applied to it, so when the new div was show or hiding it would fade in and fade out or something along those lines?

// show hide function for content areas
$(document).ready(function() {
$("#bioPage1, #bioPage2, #bioPage3, #bookContent, #mailingListContent").hide();
});

doShowHide = function(idstr) {
    
    $("div.showhide#"+idstr).show("fast");
    

}


Thank you so much!