Php Jquery显示隐藏在ie7中不起作用

请看这把小提琴

单击问题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>

问题1

答复1

问题2

答复2


问题3

答复3

---

签入IE7（兼容模式工作正常）

整个问题都是因为您的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>

问题1

答复1

问题2

答复2


问题3

答复3

---

在IE7中检查（兼容模式工作正常）

而不是此

您应该切换到



并将脚本更改为
$('p.answer').toggle();

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

您应该切换到


并将脚本更改为
$('p.answer').toggle();

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

首先，这个标记是无效的。列表元素（ol和ul）只能包含li元素作为其直接子元素。@TISONT。你真是太棒了：）我没看到你的评论，这就是答案；）@尽管你的评论有很多观点，但它有点无知。没有任何迹象表明他会使用ie7，事实恰恰相反。但是，即使他这样做了，编写支持ie7+的代码的目的是为您的客户/访问者提供一个功能正常的站点。。考虑到这个问题不是一个小的视觉问题，那么，对于初学者来说，这个标记是无效的。列表元素（ol和ul）只能包含li元素作为其直接子元素。@TISONT。你真是太棒了：）我没看到你的评论，这就是答案；）@尽管你的评论有很多观点，但它有点无知。没有任何迹象表明他会使用ie7，事实恰恰相反。但是，即使他这样做了，编写支持ie7+的代码的目的是为您的客户/访问者提供一个功能正常的站点。。考虑到这个问题不是一些小的视觉问题。如果我们这样使用，下一个问题是切换。我需要的答案是只切换。$（此）.next（）.slideToggle（）；这是切换答案的代码。但它切换到下一个李。我需要这个做下一个“p”标签。为此，我使用类似$（this）.next（'p'）.slideToggle（）的代码；但事实并非如此working@designersvsoft事实上，他把你的问题类移到了跨度，所以下一个元素现在是段落-这应该行得通。编辑：是的，刚刚核实过。对不起。我没有通知你。谢谢。如果我们这样使用，下一个问题是切换。我需要的答案是只切换。$（此）.next（）.slideToggle（）；这是切换答案的代码。但它切换到下一个李。我需要这个做下一个“p”标签。为此，我使用类似$（this）.next（'p'）.slideToggle（）的代码；但事实并非如此working@designersvsoft事实上，他把你的问题类移到了跨度，所以下一个元素现在是段落-这应该行得通。编辑：是的，刚刚核实过。对不起。我没有通知你。谢谢