手风琴问题即6-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的手风琴小部件的一个重要因素是它经过认证的跨浏览器兼容。