Jquery 如何在加载时默认关闭手风琴菜单

Jquery 如何在加载时默认关闭手风琴菜单,jquery,menu,accordion,Jquery,Menu,Accordion,我有一些jQuery代码使我的列表像手风琴一样。但手风琴在页面加载时总是打开的。你能告诉我如何在页面加载时关闭它吗 $(document).ready(function () { $('#nav > li > a').click(function() { if ($(this).attr('class') != 'active') { $('#nav li ul').slideUp(); $(this).next

我有一些jQuery代码使我的列表像手风琴一样。但手风琴在页面加载时总是打开的。你能告诉我如何在页面加载时关闭它吗

$(document).ready(function () {
    $('#nav > li > a').click(function() {
        if ($(this).attr('class') != 'active') {
            $('#nav li ul').slideUp();
            $(this).next().slideToggle();
            $('#nav li a').removeClass('active');
            $(this).addClass('active');
        }
    });
});

请告诉我如何编辑它以在页面加载时保持手风琴关闭。

我不知道您的html代码是什么,但是如果您想隐藏手风琴内容,我想您可以使用
$(window.load(function(){})

  • 文档加载完毕后,您可以使用
    hide()
    、或
    slideUp()
    或任何函数(或者在dom就绪时)隐藏手风琴内容
  • (如果可能的话。你可以加入一些css来隐藏它,即使你没有要求,我也会为了它而把它扔出去)
查看或下面的代码片段:

$(文档).ready(函数(){
$('#nav>li>a')。单击(函数(){
if($(this.attr('class')!='active'){
$('#nav li ul').slideUp();
$(this.next().slideToggle();
$('#nav li a').removeClass('active');
$(this.addClass('active');
}
});
});
$(窗口)。加载(函数(){
//文档加载完毕后,将其隐藏;或者将其放在dom就绪函数中?
$('#nav li ul').hide();
});
/*
#纳夫利乌尔{
显示:无
}
*/

    • 一些手风琴的内容
    • 一些手风琴的内容
    • 一些手风琴的内容
    • 一些手风琴的内容
    • 一些手风琴的内容

哇,这正是我想要的。非常感谢…难怪人们喜欢这些论坛。此外,所使用的html代码正是我的css所适应的。非常感谢此代码还记得上次打开的菜单。