jquery - jqueryマルチレベルアコーディオン操作

Question

マルチレベルのアコーディオンを表示する必要があります。このための JavaScript コードは次のとおりです。

$('#menu li a').click(
        function() {        
            var openMe = $(this).next();
            var mySiblings = $(this).parent().siblings().find('ul');
            if (openMe.is(':visible')) {                                

                openMe.slideUp("slow"); 

            } else {

                mySiblings.slideUp("slow"); 
                openMe.slideDown("slow");
            }
          }
    );

HTML コード:

<ul id="menu">
            <li>
                <a href="#" class="first"><span class="level-1 bdr-radius-top">
                    <span class="column-1"><span  class="closespan">&nbsp;</span><h3>europe</h3></span>
                    <span class="column-2"><span>9</span>pays </span>
                    <span class="column-3"><span>48</span>destinations </span>
                </span></a>
                <ul>
                    <li><a href="#" class="first">
                        <span class="level-2">
                            <span class="column-1"><span class="closespan">&nbsp;</span><h3>&eacute;tats-unis</h3></span>
                            <span class="column-2"> &nbsp; </span>
                            <span class="column-3"> <span>7</span>destinations </span>
                        </span></a>
                        <ul>
                            <li><a href="#">
                                <div  class="level-3">
                                    <div class="column-1"> Nice - Strasbourg </div>
                                    <div class="column-2"> Nice - Strasbourg </div>
                                </div></a>
                            </li>
                            <li><a href="#">
                                <div  class="level-3">
                                    <div class="column-1"> Nice - Strasbourg </div>
                                    <div class="column-2"> Nice - Strasbourg </div>
                                </div></a>
                            </li>
                            <li><a href="#">
                                <div  class="level-3">
                                    <div class="column-1"> Nice - Strasbourg </div>
                                    <div class="column-2"> Nice - Strasbourg </div>
                                </div>
                            </li>
                            <li><a href="#">
                                <div  class="level-3">
                                    <div class="column-1"> Nice - Strasbourg </div>
                                    <div class="column-2"> Nice - Strasbourg </div>
                                </div></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

しかし残念なことに、アコーディオンがslideUpとslidinDownのとき、htmlコード全体が振動しています。それで、誰かがこれを整理するのを手伝ってくれますか？