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

Question

查看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')
    })

})

Answer 1

我不知道为什么，但是 h2 元素上的 display:inline (问题)是折叠在 ie8 中无法正常工作的原因。删除它就可以了。只需重新设置“q”的样式，使其对齐