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>