如何将jquery效果应用于嵌套元素？

Question

我正在开发一个简单的常见问题解答页面,该页面将显示/隐藏点击问题的答案.它在使用p元素时工作正常,除了任何嵌套的ul元素都没有被隐藏之外没有别的.嵌套元素是否必须单独调用？为什么效果不作为p标签的一部分应用于它？谢谢您的帮助.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 

 <script language="javascript" type="text/javascript">

$(document).ready(function () {
    $(".answer").hide();
    $("a.question").click(function () {
      $(this).next(".answer").slideToggle(300);
      return false;
    });
 });
</script> 
<div id="body"> 
<ul style="list-style: none;"> 
<li><a class="question" href="#">How do I log in to email?</a> 
<p class="answer">
    <ul>
        <li>Open your favorite internet browser to <a href="https://email.school.edu">email.school.edu</a>.</li>
        <li>Use your school username and the password given to you by ITS.</li>
        <li>You will be required to change your password immediately.</li>
    </ul>
</p> 
</li> 
<li><a class="question" href="#">Is my email password the same as my school password?</a> 
<p class="answer">No. After logging in to email for the first time, you will be required to change your password. It is your option to use the same password or create another password; however, ITS strongly encourages you to create a <strong>Strong</strong> password as indicated on the status bar in the email password site. Keep in mind that if you change your school password, your email password will not change and vice versa.</p> 
</li> 
</ul>
</div>

截图

Answer 1

它与浏览器处理段落标记的方式有关.如果您在Firebug中检查当前的设置,您将看到Firefox不会将其解释ul为孩子.但是,如果切换到div's,它将正常工作.显示在:http://jsfiddle.net/4q9Dp/