Jquery幻灯片问题

我有这段代码，希望我的页面上的一个面板在点击链接时滑动

但问题是页面会跳到顶部。 有没有办法阻止页面跳转到顶部

$(document).ready(function(){
      $("[href='#']").click(function(){
        $("#message_panel").slideToggle("slow");
      });
  });

这是我在同一页下面的代码

<a href="#" ><span>more</span></a>
       <div id="message_panel" class="nodisplay">
        message here.
 </div>

留言在这里。

---

e、 preventDefault（）应该可以做到这一点。跳转问题是因为您使用了“#”作为链接。在这些情况下，开始使用

Javascript:void（0）

$(document).ready(function(){
      $("[href='#']").click(function(e){
e.preventDefault();

        $("#message_panel").slideToggle("slow");
      });
  });

$("[href='#']").click(function(e){   
     e.preventDefault();
     $("#message_panel").slideToggle("slow");       
});