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を再利用してはいけません。あなたはクラスを使うべきです。