使fadetoggle淡入淡出

Question

我將如何使它，所以當一個元素是可見的jQuery淡入？

這裏是我的代碼示例： http://jsfiddle.net/IntelandBacon/nWscz/

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

感謝。

Answer 1

http://jsfiddle.net/nyWzK/

更改您的JS，看起來像這樣

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

在你的CSS然後更改<tr style="visibility: hidden;">到<tr style="display:none;">

如果你想堅持與整個可見的東西，那麼你將有探索jquery的animate函數結合css opacity - 然而，我會建議不要這樣做，因爲它額外的努力，你並不真正需要。

• http://www.w3schools.com/css/css_image_transparency.asp