このフィドルを参照してください
ここで質問1をクリックすると、回答1が表示されます。
しかし、この ie7 を開くと、動作しません。ここでは、質問1をクリックしている間、質問2がトグルされます。
これを修正する方法。
このフィドルを参照してください
ここで質問1をクリックすると、回答1が表示されます。
しかし、この ie7 を開くと、動作しません。ここでは、質問1をクリックしている間、質問2がトグルされます。
これを修正する方法。
全体の問題は、HTMLマークアップが原因です。
これを使って
<div style="" id="25294" class="pane">
<ol>
<li ><span class="question">Question 1 </span> <p class="answer">
Answer1</p>
</li>
<li ><span class="question">Question 2</span> <p class="answer">
Answer2
</p>
</li>
<li ><span class="question">Question 3</span> <p class="answer">
Answer3
</p>
</li>
</ol></div>
IE7でチェックイン(互換モードは正常に機能します)-更新されたフィドル:http://jsfiddle.net/qJBhD/12/
これの代わりに
、スクリプトをに<li class="question"><span></span></li><p class="answer"></p>
切り替えて変更する必要があります<li class="question"><span></span><p class="answer"></p></li>
$('p.answer').toggle();
$('.question').live('click', function() {
$(this).children('p.answer').slideToggle();
});