手風琴問題ie6- 9

Question

我在我的頁面上有一個可以在FF，Chrome，Safari和IE10上使用的手風琴，但是手風琴在IE9，IE8，IE7和IE6下無法使用。有誰知道什麼可能導致這個問題？

這裏是我的小提琴： http://jsfiddle.net/572zA/

這裏是我的代碼：

JS：

<script> 
$(document).ready(function() { 
$('#question > li > a').click(function() { 

if (!$(this).hasClass('active')) { 
    $('#question>li>ul').slideUp(); 
    $(this).next().slideToggle(); 
    $('#question>li>a').removeClass('active'); 
    $(this).addClass('active'); 
} else { 
    $('#question>li>ul').slideUp(); 
    $('#question>li>a').removeClass('active'); 
} 
}); 
}); 
</script> 

HTML：

<ul id="question"> 
<li><a href="#!">Question 1</a> 
<ul> 
<li><a href="#!">Answer to question 1 goes here.</a></li> 
</ul> 
</li> 

<li><a href="#!">Question 2</a> 
<ul> 
<li><a href="#!">Answer to question 2 goes here.</a></li> 
</ul> 
</li> 
</ul> 

Answer 1

任何理由不使用jQueryUI的手風琴插件？您的代碼被簡化爲：

$("#question").accordion(); 

Revised jsFiddle

順便說一句，在使用jQueryUI的手風琴插件的一個重要因素是，它證明跨瀏覽器兼容。