javascript - 使 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");
});

然后更改 <tr style="visibility: hidden;">在你的 css 中为 <tr style="display:none;">

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

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