如何在jQuery中包装问题和答案

Question

我正在尝试使用java和jQuery for UI创建一个poll应用程序。问题将是可见的，但答案将被隐藏。我希望当用户点击问题时，答案会向下滑动。但是在实现中，我应该在不同的“div”元素中提出每个问题和答案。我的大纲应该是什么？

Answer 1

有几种方法可以解决这个问题，但我会做这样的事情：

<div class="question">
   Question
   <div class="answer" style="display: none;">
      Answer!
   </div>
</div>

以脚本方式

$(document).ready(function() {
   $('.question').click(function() {
       $(this).find('.answer').slideDown('fast');
   });
});