jquery - jquery隐藏嵌套列表中的子项

Question

我正在使用此 jquery 代码尝试扩展嵌套列表。代码几乎可以工作，当我单击父级时嵌套列表关闭，当我再次单击时它打开。问题是当页面加载时我希望子列表关闭而不打开。所以我希望嵌套列表的起点关闭而不打开。

jQuery(document).ready(function($) {
    jQuery('li.parent').click(function() {
        jQuery(this).children('ul').toggle();
        return false;
    });
});

我可以添加任何指南或代码吗？

Answer 1

我建议您在运行初始 jQuery 时通过链接.children()and方法简单地隐藏子元素：.hide()

jQuery('li.parent').click(function() {
    jQuery(this).children('ul').toggle();
    return false;
}).children().hide();

参考：

• children().
• hide().

Answer 2

没有你的代码，很难给你一个准确的答案。但是您可以引用 CSS 中的元素并使用display:none;

例子：

li.parent>ul{
    display:none;
}

或类似的东西：

jQuery(document).ready(function($) {
    jQuery('li.parent>ul').hide();
    jQuery('li.parent').click(function() {
        jQuery(this).children('ul').toggle();
        return false;
     });
});