php - Jquery show hide 在 ie7 中不起作用

Question

请参考这个小提琴

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

此处单击 question1 时，将显示 answer1。

但是如果我们打开这个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();
        });​