Question

大家好我在我们的网站上使用了一个向下菜单，它一切正常，除非你激活其中一个下拉菜单，你也可以激活任何其他下拉菜单，而不需要关闭前一个菜单，它看起来很乱。任何人都可以建议一种方法，当你点击另一个菜单时关闭上一个菜单吗？

这是我的剧本

    <script type="text/javascript">

        function DropDown(el) {
            this.dd1 = el;
            this.initEvents();
        }
        DropDown.prototype = {
            initEvents : function() {
                var obj = this;

                obj.dd1.on('click', function(event){
                    $(this).toggleClass('active');
                    event.stopPropagation();
                }); 
            }
        }

        $(function() {

            var dd1 = new DropDown( $('#dd1') );

            $(document).click(function() {
                // all dropdowns
                $('.wrapper-dropdown-5').removeClass('active');
            });

        });

    </script>

这是HTML

<div id="dd1" class="wrapper-dropdown-5" tabindex="1">School Information
<ul class="dropdown">
<li><a href="../pdf/schoolinfo/tariff_list_break_and_breakfast_16.pdf" target="_blank"><i></i>Break and Breakfast Price List</a></li>
<li><a href="../pdf/schoolinfo/bustimes-jan16.pdf" target="_blank"><i>  </i>Bus Timetables</a></li>

非常感谢

J Tech

Answer 1

您需要模糊选择：

，而不是删除某个类

$('.wrapper-dropdown-5').blur()

Answer 2

我认为您正在寻找手风琴菜单。这是它的例子。 Demo Download

Javascript离开下拉菜单打开

2 个答案: