Question

我正在使用带有下拉菜单的自举导航菜单。点击一个菜单选项，其子菜单应该打开 - 已经完成。现在点击其他菜单下拉列表，前一个应该关闭 - 这样做也是如此。现在如果主页丢弃down是打开它的子菜单，如果我再次点击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);
                }
        });

Answer 1

点击后删除＆＃39;中的所有课程。或者哪一个打开你的菜单。像这样的东西：

$('.dropdown').on('click', function(){
    $('.in').removeClass('in');
    // other things..
});

不要在jquery中使用height来完成这项工作，最好使用类。

单击导航菜单下拉列表

1 个答案: