javascript - 使用.animate({'height':'toggle'})时出现奇怪的IE8问题

查看http://wouter.howafarms.com/faq

目标是在点击时扩展答案。
正如您将看到的那样，这在除ie8之外的所有浏览器中均能完美运行。

我尝试了各种动画效果.slideDown（）和.toggle（）都无济于事。它们始终可以在Firefox，Chrome甚至IE7中运行，但不能在IE8中运行。到底是什么引起了它。

这是JavaScript：

$(document).ready(function() {
$("#faq-list li").addClass('inactive');
$("#faq-list li").first('.inactive').toggleClass('inactive');
$("#faq-list li h2").toggle(
    function(){
        $(this).parent().find('.answer').animate({'height': 'toggle'},{queue:true,duration:300})
        $(this).toggleClass('inactive')
    } ,
    function() {
        $(this).parent().find('.answer').animate({'height': 'toggle'},{queue:true,duration:300})
        $(this).toggleClass('inactive')
    })

}）

最佳答案

我不确定为什么，但是在h2元素上（问题）的display:inline是为什么折叠在ie8中无法正常工作。删除它，您就可以了。只需重新设置“ q”的样式即可