javascript - 切换在 Firefox 中无法正常工作，在 IE 中工作

Question

简单切换

$(document).ready(function(){
  $("#classes").click(function(){
    $("#class_breakdown").slideToggle("slow");
  });
});

<a href="javascript:void(null)" id="classes" onclick="click(); return false;">View All Classes &raquo;</a>

<div id="class_breakdown">All Stuff Here</div>

IE 工作得很好，但是 Firefox 在单击时会展开 div，在完全展开后它会折叠并返回到 Display:None。

想法？

Answer 1

您做了很多事情，您必须删除click()onclick 属性中的 ，因为您已经使用 jQuery 绑定到 click 事件：

$(document).ready(function(){
  $("#classes").click(function(e){
    $("#class_breakdown").slideToggle("slow");
    e.preventDefault();
  });
});

<a href="#" id="classes">View All Classes &raquo;</a>

我添加了e.preventDefault()，而不是return false因为它的跨浏览器效果更好。