调试易

展开时候没有问题
收缩时候完成时候，会突然展开，然后又搜索。
怎么才能避免这个问题？
求大牛帮忙[code=HTML]
<script type="text/javascript">
   $(document).ready(function(){
$(".flip1").click(function(){
 $(".panel").slideToggle("slow");
});
   });

  $(document).ready(function(){
 $(".flip2").click(function(){
 $(".pane2").slideToggle("slow");
         });
  });
 </script> <style type="text/css"> 
div.panel,p.flip1,div.pane2,p.flip2
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
width:150px;
}
div.panel,div.pane2
{
                           display:none;
}
</style>
页面
-------------------------------
<p class="flip1">1级</p>
<div class="panel">
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
</div>  
<p class="flip2">1级</p>
<div class="pane2">
<p><a href="#">2级</a></p>
<p><a href="#">2级</a></p>
</div>