Jquery ui jquery：使用平滑效果切换div

我正在使用

$('.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>

内容在这里
搜索滑块

当我点击底部的灰色条时，我想切换slidengdivdiv

Up/Down

，以获得缓慢/平滑的效果。 我尝试了所有代码，但它切换非常快，虽然我设置了时间延迟也。

---

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

尝试：

数字越大，效果越慢

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