php - Jquery show hide が ie7 で機能しない

Question

このフィドルを参照してください

http://jsfiddle.net/qJBhD/4/

ここで質問1をクリックすると、回答1が表示されます。

しかし、この ie7 を開くと、動作しません。ここでは、質問1をクリックしている間、質問2がトグルされます。

これを修正する方法。

Answer 1

全体の問題は、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/

Answer 2

これの代わりに 、スクリプトをに<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();
        });​