Question

我正在尝试创建某种菜单。我已经设法创造了＃34;崩溃＆＃34; ul元素，但无法弄清楚如何设置ul元素在负载上隐藏

         <ul>
        <li class="error">Displayed</li>
        <ul>
           <li class="error">Hidden</li>
              <ul>
                 <li class="error">
                    <a href="test.html">Hidden</a>
                 </li>
              </ul>              
        </ul>
    </ul>

jquery的

$(".error").click(function () {
$(this).next("ul").toggle("slow");});

这是我的示例，其中包含折叠的ul元素http://jsbin.com/povafivu/1/edit?html,js,output

由于

Answer 1

为什么不默认使用css来隐藏它？

ul > ul > li {
  display: none;
}

Answer 2

使用jquery：

$(document).ready(function(){
  $("ul").children('.error').next('ul').hide();
});

按钮点击显示2 ^nd和3 ^rd ul

$("button").click(function(){
 $("ul").children('.error').next('ul').toggle("slow").next('ul').toggle("slow");
})

按钮代码<button>test</button> DEMO

Answer 3

使用css3

ul > ul > li:nth-of-type(1)
    {
 display:none;
    }

Answer 4

最初只需将ul元素显示设置为none。并根据需要切换它。

加载时隐藏ul元素，单击显示

4 个答案: