jQuery菜单切换按钮

Question

我目前正在处理一个菜单上的下拉菜单点击。

但是，正如您从JsFiddle中看到的，来自最内部的UL的任何链接都不能工作。

这是我使用的javascript：-

$(document).ready(function() {
    $("ul > .cat-item").click(function(event){
        event.preventDefault();
        $(this).find("ul").show();
    });
});

小提琴：- https://jsfiddle.net/d3p121mc/

任何向正确方向的推进都会很有帮助。

比你提前。

Answer 1

我把JS改为：-

$("section > ul > li > a").click(function () {
    $('ul.children').not($(this).siblings()).slideUp();
    $(this).siblings("ul.children").slideToggle();
});
$("section > ul > li").click(function(e){
    if($(this).find('.children').length > 0){
         e.preventDefault();  
    }
});
$("section > ul > li > .children > li > a").click(function () {
    window.location = $(this).attr('href');
});

如果有更好的方法，请告诉我？