jQuery - slideToggle [英] jQuery - slideToggle

问题描述

对于列表中包含多个项目的菜单，我使用slideToggle（）来显示/隐藏项目。但是，在初始状态。显示所有项目。我想为列出的项目更改初始状态。怎么做到呢？提前致谢。我项目中的相关代码如下：

For a menu with multiple items in list, I used slideToggle() to show / hide the items. However, in the initial state. all of items are shown. I want to change the initial state to be off for the listed items. How can it be done? Thanks in advance. The related code in my project is below:

    $(function () {
        $("#menu > li").click(function () {
            $(this).children("ol").slideToggle();
        });
    });
    ....
<ul id="menu">
  <li>Menu Item 1
    <ol>
      <li><a href="#">Sub Item 1.1</a></li>
      <li><a href="#">Sub Item 1.2</a></li>
    </ol>
  </li>
</ul>

推荐答案

（ function （）{

（ ＃menu> li）。click（ function （）{

("#menu > li").click(function () {

（这个）。children（ ol）。slideToggle（）;
}）;
}）;
....
< ul id = 菜单>
< li>菜单项 1
< ol>
< li> ;< a href = ＃>子项 1 。 1 < / a > < / li >
< li>< a href = ＃> Sub Item 1 。 2 < / a > < / li >
< / ol >
< / li >
< / ul >

(this).children("ol").slideToggle(); }); }); .... <ul id="menu"> <li>Menu Item 1 <ol> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ol> </li> </ul>

这篇关于jQuery - slideToggle的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！