jQuery单击函数ul菜单以排除第一个ul
jQuery单击函数ul菜单以排除第一个ul
提问于 2013-04-07 20:45:09
我让人为我写了这篇文章，然后去了MIA，但我自己也不知道如何调整它。我对jQuery还是个新手。这是一个使用<ul>的可扩展的侧边栏导航，目前整个东西都是可扩展和可收缩的，只需点击。
我试图让第一个标题1 <ul>永久“扩展”，以显示链接1和链接2，但保持标题2(和3，4，5等)的jQuery工作。
如何永久保持第一个<ul>的打开状态？非常感谢您的帮助！
<div class="sidebar">
<nav>
<span class="heading">Title 1</span>
<ul>
<li><a href="/firstlink">Link 1</a></li>
<li><a href="/firstlink">Link 2</a></li>
</ul>
</nav>
<nav>
<span class="heading">Title 2</span>
<ul>
<li><a href="/firstlink">Link 1</a></li>
<li><a href="/firstlink">Link 2</a></li>
</ul>
</nav>
</div>这是使其扩展和收缩的jQuery位：
jQuery(window).load(function(){
jQuery('#body .sidebar nav').click(function(){
var the_ul = jQuery('> ul', this);
if(the_ul){
if (the_ul.css('display') == 'none') {
jQuery(the_ul).slideDown('500');
} else {
jQuery(the_ul).slideUp('500');
}
};
});
});这是CSS：
.sidebar nav ul {display:none;} Stack Overflow用户
发布于 2013-04-07 20:51:17
尝试这个(http://jsfiddle.net/v7JhL/1/)并删除CSS：
jQuery('#body .sidebar nav:gt(0)').click(function(){
var the_ul = jQuery('> ul', this);
if(the_ul){
if (the_ul.css('display') == 'none') {
jQuery(the_ul).slideDown('500');
} else {
jQuery(the_ul).slideUp('500');
}
};
});
jQuery('.sidebar nav > ul:gt(0)').hide()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15862520
复制相关文章
相似问题
腾讯云开发者
