如何顯示/隱藏單格只有用jQuery .slidetoggle

Question

如何顯示/顯示單一個DIV只有當用戶點擊使用jQuery

例如，當用戶點擊「推廣」促銷內容將顯示，

，當用戶點擊「體育」體育內容將顯示和促銷內容將隱藏...等等

我有這樣的工作代碼，但是當我點擊它顯示所有conten一次。

HTML

<div class="clickto_showme">Promo</div> 
<div class="showcontent"> 
    <p> Content for promo </p> 
</div> 

<div class="clickto_showme">Sports</div> 
<div class="showcontent"> 
    <p> Content for Sports </p> 
</div> 


<div class="clickto_showme">News</div> 
<div class="showcontent"> 
    <p> Content for News </p> 
</div> 

CSS

.showcontent { 
    display: none; 
} 

JS

$('.clickto_showme').click(function() { 
     $('.showcontent').slideToggle('slow'); 
     return false; 
    }); 

一個工作的jsfiddle這裏http://jsfiddle.net/jowa513p/2/

Answer 1

使用$(this)到所需的元素相對於當前元素點擊操作;和next()得到兄弟姐妹。

$('.clickto_showme').click(function() { 
    $(this).next('.showcontent').slideToggle('slow'); 
    return false; 
}); 

Updated Fiddle