平级节点,控制指定元素显示隐藏
同级节点,控制指定元素显示隐藏
<ul>
<li>list item 1</li>
<li>list item 2</li>
<a class="third-item">张三</a>
<li>list item 3</li>
<li>list item 4</li>
<a class="four-item">李四</a>
<li>list item 5</li>
<li>list item 6</li>
</ul>
点击‘张三’仅显示list item 3、4,点击李四,仅显示list item 5、6
------解决思路----------------------
看下那种合适
<ul>
<li>list item 1</li>
<li>list item 2</li>
<a class="third-item">张三</a>
<li>list item 3</li>
<li>list item 4</li>
<a class="four-item">李四</a>
<li>list item 5</li>
<li>list item 6</li>
</ul>
点击‘张三’仅显示list item 3、4,点击李四,仅显示list item 5、6
------解决思路----------------------
$('.menu ul li').hide();$('.menu ul>a').click(function(){var d=$(this).nextAll('li:first').is(':hidden');$('.menu ul li').hide();$(this).nextAll().each(function(){var t=$(this);if(t.is('a'))return false;if(t.is('li'))t[d?'show':'hide']();});})
$('.menu ul>a').click(function(){var d=$(this).nextAll('li:first').is(':hidden');$(this).nextAll().each(function(){var t=$(this);if(t.is('a'))return false;if(t.is('li'))t[d?'show':'hide']();});})
看下那种合适