切换在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

你做得很多，你必须删除onclick属性中的click()，因为你已经使用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，因为它更适合跨浏览器。