如何将不透明度衰落效果添加到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结果。