0

シンプルなトグル

$(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に戻ります。

考え？

4

1 に答える 1

1

click()すでにjQueryでクリックイベントにバインドしているため、多くのことを行っています。onclick属性のを削除する必要があります。

$(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

于 2012-10-07T17:44:37.487 に答える