Bootstrap&；jQuery-基于引导下拉菜单打开或关闭切换Div

我想在引导下拉菜单打开时显示一个div，在下拉菜单关闭时隐藏相同的div

---

---

HTML

---

jQuery

---

从：

您可以对它要用于的元素执行操作，并对将要显示/隐藏的

div使用效果

代码段：

$("#flatmenu").click(function () {
    $('.show-me').toggle('slow');
});

您可以尝试此更新

代码：

完美的经验。。。谢谢你somuch@urbz，谢谢你的回答。。。但在这种情况下，如果我在下拉列表外单击，div也应该随着下拉列表关闭。。。这在你的实验中是不会发生的。。。谢谢你的时间@Amit，谢谢你的回复。。。如果我在下拉列表外单击，div也会随着下拉列表关闭。。。就像“经验主义”的解决方案
body{width:400px;margin:50px auto;}
ul,li{list-style:none;margin:0;padding:0;}
.show-me{display:none;margin-top:200px;}

if($('#flatmenu').hasClass('open')){
    $('.show-me').show('slow');
}else{
    $('.show-me').hide('slow');
}

$('#flatmenu').on('shown.bs.dropdown hidden.bs.dropdown', function () {
  $('.show-me').toggle('slow');
});

$("#flatmenu").click(function () {
    $('.show-me').toggle('slow');
});

$('#flatmenu').on('click',function(){
    $this = $(this);
    setTimeout(function(){
        if($this.hasClass('open')){
            $('.show-me').show('slow');
        }else{
            $('.show-me').hide('slow');
        }
    },100);
});