如何为jQuery的slideToggle添加透明度淡出效果？

Question

如何为jQuery的slideToggle添加透明度淡出效果？

16

我正在使用以下代码来上下滑动一个div：

$(document).ready(function(){
    $(".toggle-button").click(function () {
        $(".about").slideToggle("slow");
    });
});

我想为切换按钮添加淡入淡出效果。有什么建议吗？

- alexchenco

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Frédéric Hamidi · Accepted Answer

一个简单的方法是将toggle值传递给animate()函数：

$(document).ready(function() {
    $(".toggle-button").click(function() {
        $(".about").animate({
            height: "toggle",
            opacity: "toggle"
        }, "slow");
    });
});

您可以在此处的fiddle中查看结果。