使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://api.jquery.com/animate/
• http://www.w3schools.com/css/css_image_transparency.asp