如果我单击“媒体”,它会向下滑动并显示子链接。然后我点击“项目”,它也会向下滑动,露出里面的链接。单击“项目”时如何隐藏“媒体”?
HTML 代码
<ul id="nav">
<li><a href="#" class="collapse">Media</a>
<ul>
<li><a href="#">Photos</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Audio</a></li>
</ul>
</li>
<li><a href="#" class="collapse">Items</a>
<ul>
<li><a href="#">Add</a></li>
<li><a href="#">List</a></li>
</ul>
</li>
</ul>
JS代码
// Collapsable navigation
$('ul#nav .collapse:not(.open)').parents('li').find('ul').hide();
$('ul#nav .collapse').click(function() {
if( ! $(this).hasClass('open') ) {
$(this).parents('li').find('ul').stop(true, true).slideDown('fast');
$(this).addClass('open');
} else {
$(this).parents('li').find('ul').stop(true, true).slideUp('fast');
$(this).removeClass('open');
}
return false;
});