javascript - Make fadetoggle fade in -

how make jquery fades in when element visible?

here code example: http://jsfiddle.net/intelandbacon/nwscz/

$('.expand').click(function () {     $(this).next().css("visibility", "visible");     $(this).next().fadetoggle("slow"); }); 

thanks.

http://jsfiddle.net/nywzk/

change js this

$('.expand').click(function () {     $(this).next().fadetoggle("slow"); }); 

then change <tr style="visibility: hidden;"> in css <tr style="display:none;">

if want stick whole visibility thing you'll have explore jquery's animate function combined css opacity - however, recommend against effort don't need.

• http://api.jquery.com/animate/
• http://www.w3schools.com/css/css_image_transparency.asp