[英]Navigation menu dropdown close on click
我正在使用带有下拉菜单的引导导航菜单。单击一个菜单选项时,其子菜单应打开,即已完成。现在单击另一菜单下拉菜单时,上一个菜单也应已关闭,即已完成。现在,如果Home下拉菜单已打开与它的子菜单,如果我再次单击主页下拉菜单,它应该关闭。 我的代码如下:
<nav class="navbar easy-sidebar" >
<div class="sample">
<ul class="list-unstyled main-menu" ng-repeat="menu5 in indController.newArray">
<li class="dropdown">
<label class="navbar-collapse-btn" data-toggle="collapse" data-target=".{{menu5.mainMenu}}" id="nav-main">
{{menu5.mainMenu}}
<b class="menu-caret"></b>
</label>
<div class="{{menu5.mainMenu}} collapse" ng-repeat="menu1 in menu5.subMenus" >
<a href="#/{{menu1.sub_menu_link}}" class="list-group-item" onclick="closenav()" ng-click="indController.showheader(menu1.sub_menu_header)">{{menu1.sub_menu_title}} </a>
</div>
</li>
</ul>
</div>
</nav>
//on clicking one dropdown,the other dd autocloses.
$('.sample').click(function () {
var $target = $($(this).data('target'));
if (!$target.hasClass('in')){
$('.sample .in').removeClass('in').height(0);
}
else{
$('.sample .in').addClass('in').height(0);
}
});
在单击时,删除所有“中”类,或哪个类打开了菜单。 像这样的东西:
$('.dropdown').on('click', function(){
$('.in').removeClass('in');
// other things..
});
不要在jquery中使用height来完成这项工作,最好使用类。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.