jQuery로 블로그 게시물 루프 발췌

Question

내 블로그 게시물 루프의 게시물 제목 만 공개하고 제목을 클릭하면 아래에 발췌 내용이 표시됩니다.

지금까지 내가 가지고이 :

하나 개의 첫 번째 결과를 작동

$("#postTitle").click(function() { 
$("#postExcerpt").toggle(); 

. 그러나

이 :

$("#postTitle").click(function() { 
$("#postExcerpt").next().toggle(); 

전혀 작동하지 않으며, 그 이유를 알아낼 수 없습니다.

내 루프는 다음과 같습니다

<div class="box"> 
    <div class="block"> 
    <p id="postTitle"><a href="#">Post Title</a></p> 
    <p id="postExcerpt" style="display:none;">Post Excerpt</p> 
    </div> 
</div> 

귀하의 도움에 감사드립니다! 여기

Answer 1

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#postTitle a').click(function(event){ 
     event.preventDefault(); 
     $(this).parent('#postTitle').siblings('#postExcerpt').toggle(); 
    }); 
}); 
</script> 

데모 : 물론 http://jquery.nodnod.net/cases/702/run

, 당신은 HTML ID를 다시 사용해서는 안됩니다. 수업을 사용해야합니다.