jquery多级手风琴操作

我必须显示多级手风琴，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>

但不幸的是，当手风琴在上下滑动时，整个html代码都在震动。

---

所以请任何人帮我解决这个问题？

我不明白你所说的整个html代码是什么意思。我只是把它摆弄出来，在那里我看到一切都像它应该的那样完美地工作着