Jquery秀隐藏不在ie7中工作

Please refer this fiddle

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

Here while clicking the question1, the answer1 is displayed.

But if we open this ie7, it is not working. Here while clicking the question1, the question2 is toggle.

How to fix this.

Whole issue is because of your HTML markup.

use this

<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>

Checked in IE7 (Compatibility mode works fine) - updated fiddle: http://jsfiddle.net/qJBhD/12/

instead of this <li class="question"><span></span></li><p class="answer"></p> you should switch to <li class="question"><span></span><p class="answer"></p></li>

and change your script to

$('p.answer').toggle();

$('.question').live('click', function() {
        $(this).children('p.answer').slideToggle();
        });​