我想在 Bootstrap 下拉菜单打开时显示一个 div,并在下拉菜单关闭时隐藏相同的 div...
<小时/>FIDDLE
<小时/><小时/>HTML
<ul class="dropdown" id="flatmenu">
<li data-toggle="dropdown" aria-expanded="true"><a href="#">Dropdown<span class="caret"></span></a></li>
<div class="dropdown-menu fm-container" role="menu" aria-labelledby="dropdownMenu">
Dropdown Content
</div>
</ul>
<div class="show-me">Show Me</div>
<小时/>CSS
body{width:400px;margin:50px auto;}
ul,li{list-style:none;margin:0;padding:0;}
.show-me{display:none;margin-top:200px;}
<小时/>jQuery
if($('#flatmenu').hasClass('open')){
$('.show-me').show('slow');
}else{
$('.show-me').hide('slow');
}
最佳答案
来自bootstrap-docs :
$('#flatmenu').on('shown.bs.dropdown hidden.bs.dropdown', function () {
$('.show-me').toggle('slow');
});
关于jquery - Bootstrap & jQuery - 根据 Bootstrap 下拉菜单打开或关闭切换 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29740888/