Check out http://wouter.howafarms.com/faq
The goal is to have answers be expanded on click.
As you'll see this works perfectly in all browsers except for ie8.
I've tried various animation effects .slideDown(), .toggle() to no avail. They always work in Firefox, Chrome and even IE7, but never in IE8. What in the heck might be causing it.
Here's the 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')
})
})