jquery - アコーディオンナビゲーション、深さのレベルを追加

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以上のチュートリアルを試し、そのうちの1つを競合なしで機能させることを試みました。

唯一の利点は、私が髪を抜くのがほとんどハゲであるため、少なくともほとんどの灰色が消えていることです。正しい方向へのプッシュは非常にありがたいです。