Question

<script>
jQuery(document).ready(function($){
$("#panel").click(function(){ 

event.preventDefault();
$("#panel_stats").slideToggle("slow");

});
});
</script>

我可以确认这适用于 Chrome 和 Safari ，但不是在 Internet Explorer 和 Firefox 中。我已经读过一个内联HTML“display：none”可以工作，但最终却没有。

删除event.preventDefault（）;做了诀窍，谢谢大家！

Answer 1

<script>
$(document).ready(function(){
    $("#panel").click(function(){ 
       $("#panel_stats").slideToggle("slow");    
    });
});
</script>

尝试删除event.preventDefault();并将面板定义为#panel或.panel

DEMO： http://jsfiddle.net/enve/L4nXy/

Answer 2

您可以保留event.preventDefault();

但添加event.stopPropagation();

然后它将在Firefox和所有浏览器中运行。

Answer 3

尝试使用jQuery的.on ...

$("#panel").on('click', function(){ 
       $("#panel_stats").slideToggle("slow");    
});

问候。

Answer 4

我尝试删除event.preventDefault，但随后它搞砸了Chrome上的行为。

我最终做到了这一点：

    $(function () {
        $('.faqs dd').hide();
        $('.faqs dt')
            .click(function () {
                if (!(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) {
                    // not firefox
                    event.preventDefault();
                }
                $(this).next().slideToggle('normal');
            });
    });

jQuery - Slidetoggle有效但不适用于Firefox

4 个答案: