Jquery秀隐藏不在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中检查（兼容模式正常） - updated fiddle: 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();
        });​