Question

我正在Jquery和HTMl建立一个网站，我有一个侧面导航菜单。但默认情况下，我打开菜单，当我点击它时，我希望该菜单打开。

$("div#mws-navigation ul li a, div#mws-navigation ul li span")
            .bind('click', function (event) {
                if ($(this).next('ul').size() !== 0) {
                    $(this).next('ul').slideToggle('fast', function () {
                        $(this).toggleClass('closed');
                    });
                    event.preventDefault();
                }
            });

这是代码。当我点击菜单时，我会打开和关闭菜单。但默认情况下，我希望菜单打开。

Answer 1

我认为你可以做到以下几点：

 $().(function (){
     var closeMe = $("div#mws-navigation ul li a ul, div#mws-navigation ul li span ul");
     closeMe.size(0);
     closeMe.toggleClass('closed');
 });

Answer 2

如果您的代码工作正常，请尝试以下操作：

$("div#mws-navigation ul li a, div#mws-navigation ul li span")
            .bind('click', function (event) {
                if ($(this).next('ul').size() !== 0) {
                    $(this).next('ul').slideToggle('fast', function () {
                        $(this).toggleClass('closed');
                    });
                    event.preventDefault();
                }
            }).addClass('closed');

如何在Jquery中默认关闭菜单

2 个答案: