开发者社区> 问答> 正文

jquery 隐藏问题

<div class="nav"> 
 <ul> 
  <li><a href="">aa</a></li>
  
  <li><a href="">bb</a> 
   <ul> 
    <li><a href="">bb-1</a></li>
  
    <li><a href="">bb-2</a></li>
  
   </ul>
 </li>
  
  <li><a href="">cc</a> 
   <ul> 
    <li><a href="">cc-1</a></li>
  
    <li><a href="">cc-2</a></li>
  
   </ul>
 </li>
  
 </ul>
 </div>
 $(".nav li").click(function(){ 

 $(this).find('ul').css({visibility: "visible",display: "block"});

 }); 

为什么显示一下 马上又隐藏了呢 我要的效果是 点击 aa bb cc 的时候 显示该li下的 ul 快

展开
收起
a123456678 2016-07-05 16:32:40 1897 0
1 条回答
写回答
取消 提交回答
  • 首先你隐藏的是 ul 还是 li?

    然后用juery找你要的元素时候,觉得应该定位稍微准点,$(".nav li") 是不是有点广?

    $(function(){
    //隐藏 二级li
    $(".nav ul li ul li").each(function(i){
          $(this).hide();
     });
    $(".nav ul li").click(function(){ 
           $(this).find('li').toggle();
    }); 
    });
    2019-07-17 19:51:36
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Javascript中的函数 立即下载
JavaScript函数 立即下载
Javascript中的对象 立即下载