尋找具有類下一格在JQuery中

Question

我創建多個切換，但切換div的名爲「幻燈片提示」坐在這裏點擊「切換」的股利之外。我正在試圖做的是找到下一個「幻燈片提示」，並在執行切換。

原始代碼：

$(document).ready(function(){ 
    var $content = $(".slide-tips").hide(); 
    $(".toggle").bind("click", function(e){ 
    $(this).toggleClass("expanded"); 
    $(this).next().slideToggle(); 
    }); 
}); 

我改變$(this).next().slideToggle();到$(this).next().find('.slide-tips:first').slideToggle();但沒有運氣。

HTML是如下：

<div id="content"> 
    <div class="toggle">Expand</div> 
</div> 
<div class="slide-tips">First tip content 
</div> 

<div id="content"> 
    <div class="toggle">Expand</div> 
</div> 
<div class="slide-tips">Second tip content 
</div> 

Answer 1

你想：

$(this).parent().next(".slide-tips").slideToggle(); 

演示：​​