jquery - 新手 Jquery 问题

Question

我现在已经使用 Jquery 总共两个小时了。到目前为止，我已经制作了这个非常简单的常见问题解答页面。

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#void").click(function(event)
     {
        event.preventDefault();
    });

  $('#faq').find('dd').hide().end().find('dt').click(function() {
 $(this).next().slideToggle();   
});

});


</script>

    <dl id="faq">
        <dt><a href="" id="void">Coffee</a></dt>
            <dd>- black hot drink</dd>
    <dt><a href="" id="void">Milk</a></dt>
        <dd>- white cold drink</dd>
    </dl>

问题是只有第一项有效。我的问题是，为什么只有第一个主菜有效，我该如何解决它？我尝试过使用each()，但我不确定将它放在哪里。

Answer 1

jQuery 看起来不错。尝试修复标记。特别是，id="void"出现两次 - id 在文档中应该是唯一的，请使用 class 代替。