Jquery - 滑动菜单(手工制作)

Question

你们好吗？我正在使用 ul/li(ul/li) 为 slidemenu 编写脚本，想法是在没有内部类的情况下使用 slideup/down

我遇到的麻烦是当单击我的 ul(父亲)li(儿子)ul li 中的链接时，儿子的 ul(ul li ul)会隐藏起来。这个想法只是为了让你点击 ul li a，而不是 ul li ul li a。我尝试使用“:first”、“.first()”、“:first-child”。

希望可以让自己清楚。 :D

这是代码:

HTML

    <ul id="menu"> 
       <li> 
           <a href="#">Menu 1</a> 
           <ul> 
                <li><a href="#">Sub Menu 1</a></li> 
                <li><a href="#">Sub Menu 2</a></li> 
                <li><a href="#">Sub Menu 3</a></li> 
            </ul> 
        </li> 
        <li> 
           <a href="#">Menu 2</a> 
           <ul> 
                <li><a href="#">Sub Menu 1</a></li> 
                <li><a href="#">Sub Menu 2</a></li> 
                <li><a href="#">Sub Menu 3</a></li> 
            </ul> 
        </li> 
        <li><a href="#">Menu 3</a></li> 
    </ul> 

Javascript (Jquery)

    function submenu(id) { 
       var div = "#"+id; 
       $("ul"+div+" li a").each(function () { 
          $(this).click(function() { 
             var li = $(this).parent();       
             $("ul"+div+" li ul").each(function () {   $(this).slideUp("fast");   }); 
             if(li.children("ul").is(":visible")) {  
                li.children("ul").slideUp("fast"); 
             } else {  
                li.children("ul").slideDown("fast");  
             } 
             return false; 
          }); 
       }); 
    } 

    $(document).ready(function(){   submenu("menu");   } 

谢谢

Answer 1

使用子 css 选择器 ('ul.' + div + '> li > a) 或使用 jQuery 选择子项。

$(div).children(li).children(a).each(function() {
  /* your code here */
});

如您所见，您的第一个选择器将获取列表中的所有 anchor 。