如何将不透明淡入淡出效果添加到jquery滑动切换？

Question

我使用以下代码在div中上下滑动：

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

我想添加一个淡入和淡出效果切换按钮。对如何做到这一点有什么建议吗？

Answer 1

实现此目的的一种简单方法是将toggle值传递给animate()

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

您可以在this fiddle中查看结果。