jQueryは、それぞれのボタンの内容を同じクラスで開くことができます

Question

私の質問は難しいとは思わないが、私はjQueryとこのフォーラムの初心者だからこの問題を手伝ってくれることを願っています。私はちょうど同じクラス名で、私が最初に私のコードスニペットが表示されます理解しやすくするための2つのボタンによって別々に2つのdivの内容を開きたい：

<div id="CNN"> 
    <div id="article1"> 
     <div class="content"> 
      My content of CNN goes here 
     </div> 

     <div class="more"> 
      My button goes here  
     </div> 
    </div> 
</div> 

<div id="Bloomberg"> 
    <div id="article1"> 
     <div class="content"> 
      My content of bloomberg goes here 
     </div> 

     <div class="more"> 
      My button goes here  
     </div> 
    </div> 
</div> 

そして、ここでは動作していない私の現在のjQueryのコードです：

$(document).ready(function() { 
    $("div.more").each(function() { 
     $(this).click(function() { 
      var target = $(this).parent().next(".content"); 
      $(target).slideDown("slow"); 
     }); 
    }); 
}); 

ここをクリックしてボタンをクリックすると、そのコンテンツだけが表示されます。あなたは私の現在のコードに従わないことは自由です:)。それはすべて私の質問です。皆さんが私のプログラミングスキルを向上させてくれることを願っております。

Answer 1

$(document).ready(function() { 
    $("div.more").click(function(){ 
     $(this).parent().find("div.content").slideDown("slow"); 
    }); 
}); 

トリックを行う必要があります

Answer 2

これを試してみてください：

$(document).ready(function() { 
    $("div.more").click(function() { 
     var target = $(this).parent().find(".content"); 
     target.slideDown("slow"); 
    }); 
}); 

Example Fiddle

Answer 3

はこれを試してみてください：

$("div.more").click(function() { 
    $(this).prev().slideDown("slow"); 
});