jquery-ui - jquery：切换具有平滑效果的 div

Question

我在用

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

但它崩溃的 div 非常快

这是我的脚本：

<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);
});

数字越大，效果越慢。