Развернуть jQuery -> Подменю навигации -> подменю

Question

как jQuery Noob Мне нужна помощь с скриптом jQuery.

jQuery(document).ready(function ($) { 
$(".sub-menu").hide(); 
$(".current_page_item .sub-menu").slideDown(200);; 
$("li.menu-item").click(function() { 
    if ($('.sub-menu', this).length >=1) { 
     event.preventDefault(); 
    } 
    $(".sub-menu").slideUp(200);; 
    $(this).find(".sub-menu").slideDown(200);; 
    event.stopPropagation(); 
}); 
}); 

Этот скрипт уже отлично работает. Теперь я хочу расширить его до третьего уровня. Например.

Page 1 ------> Page 1 Второй уровень -----------> Page 1 Третий уровень.

Прямо сейчас на втором и третьем уровне меня, если я нажимаю на меню первого уровня, но третий уровень должен отображаться только при нажатии на кнопку второго уровня.

Кто может мне помочь?

Спасибо заранее Торстен

---

EDIT Любой идея почему скрипт не работает на Firefox? Как сообщает

Firebug после щелчка: ReferenceError: событие не определено nav.js: 7: 5

Answer 1

попробовать этот способ

jQuery(document).ready(function($) { 
    $(".current_page_item").children(".sub-menu").slideDown(200); 
    $("li.menu-item").click(function() { 
    $(this).parent('ul').find(".sub-menu").slideUp(200); 
    if ($('.sub-menu', this).length >=1) { 
     event.preventDefault(); 
    } 
    $(this).children(".sub-menu").slideDown(200); 
    event.stopPropagation(); 
    }); 
}); 

В качестве примера можно играть здесь jsfiddle

P.S. возьмите записку, затем в скрипке a не добавьте класс «элемент меню» в элементы li