javascript - Accordion 习题ie6-9

Question

我的页面上有一个可在 FF、Chrome、Safari 和 IE10 中使用的 Accordion ，但该 Accordion 在 IE9、IE8、IE7 和 IE6 中不起作用。是什么导致了这个问题？

这是我的 fiddle : 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 的 Accordion 小部件吗？您的代码被简化为:

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

Revised jsFiddle

顺便说一句，使用 jQueryUI Accordion 小部件的一个重要因素是它经过认证可跨浏览器兼容。