代码工作,但每次加载或刷新页面时都会跳转,我想知道是否有人知道这个问题的解决方案?任何帮助非常感谢。
按此Jsfiddle上的“运行”按钮,查看我的意思。
<div id="sideNav_header">Navigation</div>
<ul id="collapsibleMenu">
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 2.1</a></li>
<li><a href="#">List Item 2.2</a></li>
<li><a href="#">List Item 2.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 3.1</a></li>
<li><a href="#">List Item 3.2</a></li>
<li><a href="#">List Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 4.1</a></li>
<li><a href="#">List Item 4.2</a></li>
<li><a href="#">List Item 4.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 5.1</a></li>
<li><a href="#">List Item 5.2</a></li>
<li><a href="#">List Item 5.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 1.1</a></li>
<li><a href="#">List Item 1.2</a></li>
<li><a href="#">List Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 2.1</a></li>
<li><a href="#">List Item 2.2</a></li>
<li><a href="#">List Item 2.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 3.1</a></li>
<li><a href="#">List Item 3.2</a></li>
<li><a href="#">List Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 4.1</a></li>
<li><a href="#">List Item 4.2</a></li>
<li><a href="#">List Item 4.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 5.1</a></li>
<li><a href="#">List Item 5.2</a></li>
<li><a href="#">List Item 5.3</a></li>
</ul>
</li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">List Item 5.1</a></li>
<li><a href="#">List Item 5.2</a></li>
<li><a href="#">List Item 5.3</a></li>
</ul>
</li>
</ul>
//Script//
$("#collapsibleMenu > li > a").find("+ ul").slideUp(1);
// Expand or collapse:
$("#collapsibleMenu > li > a").click(function() {
$(this).find("+ ul").slideToggle("slow");
});
答案 0 :(得分:3)
是的,改变:
$("#collapsibleMenu > li > a").find("+ ul").slideUp(1);
为:
$("#collapsibleMenu > li > a").find("+ ul").slideUp(0);
在页面加载时使用slideUp(1)
没有意义,您可以使用hide()
代替。