jquery - SlideUp と SlideDown の問題

Question

2 番目のナビゲーション メニューからリンクを選択するまで、すべてが完全に機能します。この場合、クラスを選択するために使用されるタグは、active という名前の新しいクラスを取得します。これが問題を引き起こしていると思われます。

問題は、アイテムを選択して、もう一度クリックして上にスライドさせると、もう一度下にスライドさせることができないことです。

http://jsfiddle.net/nBeUh/

    $("#nav2 a").click(function () {
if ($("div." + this.className).is(':hidden')) {
    $("div.cat").slideUp({
        duration: 600,
        easing: 'easeInOutQuint'
    }).filter("div." + this.className).slideDown({
        duration: 600,
        easing: 'easeInOutQuint'
    });

単一の UL リスト内にナビゲーション メニュー全体を作成し、その中に他の項目をネストすることも可能でしょうか? ただし、セカンダリ UL を親の外に表示することはできますか?