javascript - ページ読み込み時のジャンプを停止するために折りたたみ可能なサイド ナビゲーションを停止する方法はありますか?

Question

ページをロードまたは更新するたびにジャンプし続けることを除いて、コードは機能します。誰かがこれに対する良い解決策を知っているかどうか疑問に思っていましたか? どんな助けでも大歓迎です。

このJsfiddleの「実行」ボタンを押して、私の意味を確認してください。

            <div id="sideNav_header">Navigation</div>

            <ul id="collapsibleMenu">
                <li><a href="#">Link</a>
                    <ul>

                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 2.1</a></li>
                        <li><a href="#">List Item 2.2</a></li>
                        <li><a href="#">List Item 2.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 3.1</a></li>
                        <li><a href="#">List Item 3.2</a></li>
                        <li><a href="#">List Item 3.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 4.1</a></li>
                        <li><a href="#">List Item 4.2</a></li>
                        <li><a href="#">List Item 4.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 5.1</a></li>
                        <li><a href="#">List Item 5.2</a></li>
                        <li><a href="#">List Item 5.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 1.1</a></li>
                        <li><a href="#">List Item 1.2</a></li>
                        <li><a href="#">List Item 1.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 2.1</a></li>
                        <li><a href="#">List Item 2.2</a></li>
                        <li><a href="#">List Item 2.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 3.1</a></li>
                        <li><a href="#">List Item 3.2</a></li>
                        <li><a href="#">List Item 3.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 4.1</a></li>
                        <li><a href="#">List Item 4.2</a></li>
                        <li><a href="#">List Item 4.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 5.1</a></li>
                        <li><a href="#">List Item 5.2</a></li>
                        <li><a href="#">List Item 5.3</a></li>

                    </ul>
                </li>
                <li><a href="#">Link</a>
                    <ul>
                        <li><a href="#">List Item 5.1</a></li>
                        <li><a href="#">List Item 5.2</a></li>
                        <li><a href="#">List Item 5.3</a></li>

                    </ul>
                </li>
            </ul>


//Script//
     $("#collapsibleMenu > li > a").find("+ ul").slideUp(1);

                // Expand or collapse:
                $("#collapsibleMenu > li > a").click(function() {
                    $(this).find("+ ul").slideToggle("slow");
                });​

Answer 1

はい、変更します:

$("#collapsibleMenu > li > a").find("+ ul").slideUp(1);

に：

$("#collapsibleMenu > li > a").find("+ ul").slideUp(0);

http://jsfiddle.net/DjbeK/1/

ページの読み込み時に使用slideUp(1)しても意味がありませんhide()。代わりに使用できます。