jQuery獨立打開每個按鈕的內容相同的類

Question

我不認爲我的問題是困難的，但我只是一個新手在jQuery和這個論壇，所以希望你能幫助我解決這個問題。我只是想用兩個按鈕具有相同的類名seperately打開兩個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"); 
});