0
2つの独立したアコーディオンを設定する際に問題があります。 独立して開く/閉じる必要があります。accordion1にaccordion1をネストする必要があります（コード参照）
今のところ、開いたときに互いに重なり合い、IEが「アコーディオン1の下のテキスト」を上書きする場合があります。これは起こらないはずです。
改善すべき点はありますか？
ありがとうございました！代わりに#accordian1 .q1の
乾杯Jqueryアコーディオンネストされた問題
<script type="text/javascript">
$(document).ready(function() {
$("#accordion1").accordion();
$("#accordion2").accordion();
$('#accordion1 .q1').click(function() {
$(this).next().toggle();
return false;
}).next().hide();
$('#accordion2 .q2').click(function() {
$(this).next().toggle();
return false;
}).next().hide();
});
</script>
<style type="text/css">
#sub1 { height:100px; background: #FF0000;}
#sub2 { height:100px; background: #FF00FF;}
</style>
</HEAD>
<BODY>
<div id="accordion1">
<div>
<a class="q1" href="#">
accordion 1
</a>
<div id="sub1">
<div id="accordion2">
<div>
<a class="q2" href="#">
accordion 2
</a>
<div id="sub2">
222222222
</div>
</div>
</div>
text below accordion 2
</div>
</div>
</div>
text below accordion 1
</BODY>
</HTML>