手风琴问题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的手风琴插件的一个重要因素是，它证明跨浏览器兼容。