手风琴导航，增加了深度

Question

我正在使用其他完美的脚本：http://vandelaydesign.com/blog/web-development/vertical-accordion/#comment-338149。唯一的问题是添加多个级别不起作用。我经历了疯狂的教程，并且根据作者的页面它应该工作。

我在此处添加了代码：http://jsfiddle.net/5mSwk/

$(document).ready(function() {
    $("#nav > li > a").on("click", function(e) {
        if ($(this).parent().has("ul")) {
            e.preventDefault();
        }

        if (!$(this).hasClass("open")) {
            // hide any open menus and remove all other classes
            $("#nav li ul").slideUp(350);
            $("#nav li a").removeClass("open");

            // open our new menu and add the open class
            $(this).next("ul").slideDown(350);
            $(this).addClass("open");
        }

        else if ($(this).hasClass("open")) {
            $(this).removeClass("open");
            $(this).next("ul").slideUp(350);
        }
    });
});

其他手风琴脚本我试过打破同一页面上的图片库（bxSlider）甚至包装没有冲突。我尝试了超过14个不同的菜单和30多个教程，试图让其中一个没有冲突。

唯一的好处是我几乎秃顶拉出我的头发，所以至少大部分的灰色都消失了。任何正确方向的推动都将非常感激。