调试易

<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>
<style>li{display:none;}</style>
<script>
$('ul a').click(function(){$('li').hide();$(this).nextAll().each(function(){var t=$(this);if(t.is('li'))t.show();else return false;});})
</script>

有点像2级菜单，这样写html很奇怪，
<ul>
  <li>
   <a class="third-item">张三</a>
  <div>list1</div>
 </li>
  <li>
   <a class="four-item">李四</a>
  <div>list2</div>
 </li>
</ul>  这样结构更合理，操作li也方便

我的是ssh做的，s:iterator循环的这一段，您的方法可以实现我刚才提问的，但是在我这里面没起到作用，可能是多了<br>标签，您能不能再帮我改一下？
这是我输出页面后的格式：
<div class="menu">
<ul style="margin: 5 0 0 0;">
<strong style="font-family:'Microsoft YaHei' ! important;">[权限管理]</strong><br>
      <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
       设置用户管理
      </a><br>
      <li>
      <a href="users_page.action" target="mainFrame">
       用户管理
      </a>
      </li>
      <li>
      <a href="users_initAddUser.action" target="mainFrame">
       增加用户
      </a>
      </li>
      <li>
      <a href="zu_page.action" target="mainFrame">
       角色管理
      </a>
      </li>
      <li>
      <a href="zhiwu_page.action" target="mainFrame">
       部门管理
      </a>
      </li>      
      <li>
      <a href="page/Backstage/user/PassCheck.jsp" target="mainFrame">
       修改密码
      </a>
      </li>
<strong style="font-family:'Microsoft YaHei' ! important;">[管理员门店管理]</strong><br>
      <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
       门店信息管理
      </a><br>
      <li>
      <a href="shoppay_findHtDz.action" target="mainFrame">
       内部门店管理
      </a>
      </li>
      <li>
      <a href="shoppay_findHtDz.action" target="mainFrame">
       外部门店管理
      </a>
      </li>      
      <li>
      <a href="shoppay_findHtDz.action" target="mainFrame">
       直营门店管理
      </a>
      </li>
   </ul>
   </div>

我的是ssh做的，s:iterator循环的这一段，您的方法可以实现我刚才提问的，但是在我这里面没起到作用，可能是多了<br>标签，您能不能再帮我改一下？
 这是我输出页面后的格式：
<div class="menu">
 <ul style="margin: 5 0 0 0;"> 
 <strong style="font-family:'Microsoft YaHei' ! important;">[权限管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        设置用户管理
      </a><br>
       <li>
       <a href="users_page.action" target="mainFrame">
        用户管理
      </a>
       </li>
       <li>
       <a href="users_initAddUser.action" target="mainFrame">
        增加用户
      </a>
       </li>
       <li>
       <a href="zu_page.action" target="mainFrame">
        角色管理
      </a>
       </li>
       <li>
       <a href="zhiwu_page.action" target="mainFrame">
        部门管理
      </a>
       </li>      
       <li>
       <a href="page/Backstage/user/PassCheck.jsp" target="mainFrame">
        修改密码
      </a>
       </li>
 <strong style="font-family:'Microsoft YaHei' ! important;">[管理员门店管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        门店信息管理
      </a><br>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        内部门店管理
      </a>
       </li>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        外部门店管理
      </a>
       </li>      
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        直营门店管理
      </a>
       </li>
    </ul>
    </div> 

给段代码你参考
<div  style="width:100%;height:100px">
    <ul>
        <li>11<div> this is 111</div></li> <!-- div 先要设置隐藏 -->
        <li>22<div> this is 222</div></li>
        <li>33<div> this is 333</div></li>
        <li>44<div> this is 444</div></li>
    </ul>
</div>
<script type="text/javascript">
    $(function(){
              $("li").hover(function () {  //假设页面只有这组li 
                 $(this).find('div').show();
              },
              function(){ $(this).find('div').hide();}
              )
    }
    )
</script>

我的是ssh做的，s:iterator循环的这一段，您的方法可以实现我刚才提问的，但是在我这里面没起到作用，可能是多了<br>标签，您能不能再帮我改一下？
 这是我输出页面后的格式：
<div class="menu">
 <ul style="margin: 5 0 0 0;"> 
 <strong style="font-family:'Microsoft YaHei' ! important;">[权限管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        设置用户管理
      </a><br>
       <li>
       <a href="users_page.action" target="mainFrame">
        用户管理
      </a>
       </li>
       <li>
       <a href="users_initAddUser.action" target="mainFrame">
        增加用户
      </a>
       </li>
       <li>
       <a href="zu_page.action" target="mainFrame">
        角色管理
      </a>
       </li>
       <li>
       <a href="zhiwu_page.action" target="mainFrame">
        部门管理
      </a>
       </li>      
       <li>
       <a href="page/Backstage/user/PassCheck.jsp" target="mainFrame">
        修改密码
      </a>
       </li>
 <strong style="font-family:'Microsoft YaHei' ! important;">[管理员门店管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        门店信息管理
      </a><br>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        内部门店管理
      </a>
       </li>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        外部门店管理
      </a>
       </li>      
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        直营门店管理
      </a>
       </li>
    </ul>
    </div> $('.menu ul li').hide();$('.menu ul>a').click(function(){$('.menu ul li').hide();$(this).nextAll().each(function(){var t=$(this);if(t.is('a'))return false;t.show();});})

我的是ssh做的，s:iterator循环的这一段，您的方法可以实现我刚才提问的，但是在我这里面没起到作用，可能是多了<br>标签，您能不能再帮我改一下？
 这是我输出页面后的格式：
<div class="menu">
 <ul style="margin: 5 0 0 0;"> 
 <strong style="font-family:'Microsoft YaHei' ! important;">[权限管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        设置用户管理
      </a><br>
       <li>
       <a href="users_page.action" target="mainFrame">
        用户管理
      </a>
       </li>
       <li>
       <a href="users_initAddUser.action" target="mainFrame">
        增加用户
      </a>
       </li>
       <li>
       <a href="zu_page.action" target="mainFrame">
        角色管理
      </a>
       </li>
       <li>
       <a href="zhiwu_page.action" target="mainFrame">
        部门管理
      </a>
       </li>      
       <li>
       <a href="page/Backstage/user/PassCheck.jsp" target="mainFrame">
        修改密码
      </a>
       </li>
 <strong style="font-family:'Microsoft YaHei' ! important;">[管理员门店管理]</strong><br>
       <a style="font-family:'Microsoft YaHei' ! important; color:#0080FF;cursor:pointer;">
        门店信息管理
      </a><br>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        内部门店管理
      </a>
       </li>
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        外部门店管理
      </a>
       </li>      
       <li>
       <a href="shoppay_findHtDz.action" target="mainFrame">
        直营门店管理
      </a>
       </li>
    </ul>
    </div> $('.menu ul li').hide();$('.menu ul>a').click(function(){$('.menu ul li').hide();$(this).nextAll().each(function(){var t=$(this);if(t.is('a'))return false;t.show();});})
谢谢，谢谢!可以了，最后一个收尾~就是我点了一个<a>后，<li>展开，但我再点的话，怎么让他隐藏呢？抱歉问题说明的不是很清楚~

$('.menu ul li').hide();$('.menu ul>a').click(function(){var d=$(this).nextAll('li:first').is(':hidden');$('.menu ul li').hide();$(this).nextAll('li').each(function(){var t=$(this);if(t.is('a'))return false;t[d?'show':'hide']();});})

谢谢，效果可以了，但是和最初的需求冲突了，换了您这行代码，结果是点击上面的<a>下面所有的<a>都显示和隐藏~

$('.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']();});})
看下那种合适