jQuery Menü toggle onclick

Question

Ich arbeite derzeit an einem Menü mit einem Dropdown-Klick.

Aber wie Sie aus dem JsFiddle sehen können, funktionieren alle Links aus dem innersten UL nicht.

Hier ist mein Javascript Ich verwende: -

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

jsfiddle: - https://jsfiddle.net/d3p121mc/

Jeder Stoß in die richtige Richtung wäre sehr hilfreich.

Als Sie im Voraus.

Answer 1

Ich reparierte das Problem durch die JS auf die folgende Veränderung: -

$("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'); 
}); 

Wenn es einen besseren Weg, lassen Sie es mich ist schon?