Javascript jQuery slidedown菜单触发器使菜单滑动太快

我有以下html：

     <div class="col-sm-12" id='dropdown_menu_group'>
        <div id='dropdown_library_menu'>
            <div class="row" id='dropdown_menu_row'>
                <div class="col-sm-2">
                    <a class='button-text btn' id='library_button' href="{{pathFor 'library'}}">my library</a>
                </div>
                <div class='col-sm-2 col-sm-pull-1' id='google_drive_text'>
                    GOOGLE DRIVE
                </div>
                <div class="col-sm-2" id='settings_button'></div>
            </div>
        </div>
        <div id='dropdown_library_menu_border'></div>
    </div>

因为从技术上讲，我是鼠标从下拉菜单中移出，进入下拉菜单触发器

---

<>我想让空白div移到菜单的底部，当<代码>幻灯片< /代码>被触发，但是在父和<代码>设置位置> < /代码>上，孩子们完全弄乱了我的网页。

你可以使它变得更慢，

'mouseout #dropdown_library_menu': function(ev){
 ev.preventDefault();
 $('#dropdown_library_menu').slideUp(3000); // Slide up in 3 seconds,
 }

---

你能发布一个JSFIDLE的例子吗？我只是试了一下…没用。这是webapp中页面的一部分，其中包含几个js包…什么？这没有任何意义，只是无法想象你的布局是如何安排的。请告诉我你问题中的“空白div”是什么？不透明度为0的是同一个div吗？我一起破解了一个解决方案，不幸的是，我不得不继续前进。你似乎对你的答案有一些好的（随机的？）爱好，这就是为什么你需要正确地“标题”这个问题的原因。。！这是你的头衔最期待的答案。哈哈。

'mouseout #dropdown_library_menu': function(ev){
 ev.preventDefault();
 $('#dropdown_library_menu').slideUp(3000); // Slide up in 3 seconds,
 }