Noobie Jquery问题

Question

我现在和Jquery一起工作了两个小时。到目前为止，我已经制作了这个非常简单的FAQ页面。

<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。