javascript - JQuery 読み込み時に自動折りたたみ div を切り替えます。したくない、理由がわからない

Question

この質問に対する答えはありませんでしたが、次の問題があります。

JQuery メニュー UI を作成しましたが、問題なく動作していました。

リスト項目内の最初のリンクをクリックすると、リスト項目が展開されて残りのリンクが表示されるはずです。

でも！ページが読み込まれると、最初のリンクに接続されている .toggle() がその最初のリンクを自動的に折りたたんでいるようです。私はそれを理解することはできません。

繰り返しますが、最初のリンク「a.cat」は、ページの読み込み時に折りたたまれています。以前は使用していなかったので、いつ変更したか、変更したかどうかもわかりません...)。

編集 これがjsFiddleです。

とにかく、それが十分に明確であることを願っています。質問に答えるために定期的にチェックします。

SOが必要とするため、JSは次のとおりです。

$("#sidebar ul li a.cat").toggle( function () {

    $(this).stop(true).animate({
        "color" : "#fff"
    });

    var growTo = (parseInt($(this).siblings("a.link").length) * nmMenu.linkHeight) + nmMenu.catHeight;

    $(this).parent("li").stop(true).animate({
        "height"        : growTo + "px",
        "padding-top"   : "5px"
    }, function () {
        $(this).children("a").stop(true).animate({
            "margin-left"   : "20px"
        });
    });

}, function () {

    $(this).siblings("a").andSelf().stop(true).animate({
        "margin-left"   : "0px"
    }, function () {
        $(this).siblings(" a:first").stop(true).animate({
            "margin-bottom" : nmMenu.catMarginBottom + "px",
            "color" : nmMenu.linkColor
        }); 

        $(this).parent("li").stop(true).animate({
            "height"    : nmMenu.catHeight + "px"
        });
    });