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