Noobie Jquery 질문

Question

저는 2 시간 동안 Jquery와 함께 작업 해 왔습니다. 지금까지이 간단한 FAQ 페이지를 만들었습니다.

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

문제

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

은 첫 번째 항목이 작동합니다. 제 질문은 왜 첫 번째 엔트리 만 작동하고 어떻게 수정합니까? 각()을 사용하여 시도했지만 그것을 어디에 넣을 지 확신 할 수 없습니다.

Answer 1

jQuery가 정상적으로 보입니다. 마크 업 수정을 시도하십시오. 특히, id = "void"가 두 번 나타납니다. id는 문서에서 고유해야하며 대신 클래스를 사용하십시오.