jquery：用平滑的效果切换div

Question

我正在使用

$('.show_hide').click(function(){
    //$(".slidingDiv").slideToggle();
    $('#slidingDiv').fadeOut('500');
});

但它很快就崩溃了

这是我的剧本：

<div class="search-form" id="search-form">
    <div class="slidingDiv" id="slidingDiv">
        Content goes here
    </div>
    <a class="show_hide" id="show_hide" style="display: inline;">Search slider</a>
</div>

当我点击底部灰色条时，我想要使用慢/平滑效果切换 slidingDiv div Up/Down。 我尝试了所有代码，但它切换速度非常快，但我也设置了时间延迟。

Answer 1

您可以使用整数值代替字符串来表示毫秒。

尝试：

$('.show_hide').click(function(){
    //$(".slidingDiv").slideToggle();
    $('#slidingDiv').fadeOut(1000);
});

数字越高，效果越慢。