javascript - 使 fadetoggle 淡入

Question

当元素可见时，我将如何使它淡入淡出？

这是我的代码示例：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");
});

<tr style="visibility: hidden;">然后将您的CSS更改为<tr style="display:none;">

如果您想坚持整个可见性，那么您将不得不animate结合 css 探索 jquery 的功能opacity- 但是，我建议您不要这样做，因为您并不真正需要它的额外努力。

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