首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery菜单选项,该如何处理

2013-04-07 
jquery菜单选项用jquery如何实现点击一个菜单,同时收拢其他的菜单选项,打开或者关闭当前菜单项。我的代码是

jquery菜单选项
用jquery如何实现点击一个菜单,同时收拢其他的菜单选项,打开或者关闭当前菜单项。
我的代码是这样写的:
  $(document).ready(function(){
           $(".main>a").click(function(){
              var ulNode = $(this).next("ul");
              ulNode.slideToggle(500);
              var ulNodeblock = $(".main>a").next("ul");
                if(ulNodeblock.css("display")=="block"){
                     ulNodeblock.css("display","none");
                }
            });
  });   
但是这样写,只能保证主菜单1和主菜单2以及主菜单1和主菜单3互相收拢,如果点击主菜单2的时候,再点击主菜单3,那么主菜单2不会收拢,该怎么解决啊?

html代码:
    <ul>
      <li class="main"><a href="#">主菜单1</a>
        <ul>
           <li><a href="#">子菜单11</a></li>
           <li><a href="#">子菜单12</a></li>
           <li><a href="#">子菜单13</a></li>
        </ul>
      </li>
      <li class="main"><a href="#">主菜单2</a>
        <ul>
           <li><a href="#">子菜单21</a></li>
           <li><a href="#">子菜单22</a></li>
           <li><a href="#">子菜单23</a></li>
        </ul>
      </li>
       <li class="main"><a href="#">主菜单3</a>
        <ul>
           <li><a href="#">子菜单31</a></li>
           <li><a href="#">子菜单32</a></li>
           <li><a href="#">子菜单33</a></li>   
        </ul>
       </li>
   <ul/> jquery菜单
[解决办法]
  $(document).ready(function(){
           $(".main>a").click(function(){
              $('ul li ul').slideDown(500);
              var ulNode = $(this).next("ul");
              ulNode.slideToggle(500);


              
            });
  });   

热点排行
Bad Request.