如何将不透明度淡化效果添加到jquery slidetoggle？

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中看到结果。