1

私のページには 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>
4

1 に答える 1

2

jQueryUI のアコーディオン ウィジェットを使用しない理由はありますか? コードは次のように縮小されます。

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

Revised jsFiddle

ところで、jQueryUI のアコーディオン ウィジェットを使用する大きな要因は、クロス ブラウザー互換性が認定されていることです。

于 2013-10-03T19:40:54.723 に答える