在點擊時切換div的類

Question

我有2個div叫做「button」，裏面有另一個div。我想改變的可視性點擊時：

<div class="button"> 
    <div class="content"> 1 </div> 
</div> 

<div class="button"> 
    <div class="content"> 2 </div> 
</div> 

林應用類=「秀」與顯示：塊點擊它時，顯示「內容」。

但是，如何從已經顯示的div中刪除class ='show'，並在點擊時顯示新的div？

應該是這樣的：

$('.button').click(function() { 
    $('.content').removeClass('show'); 
    // This line wont work - only here to show what im trying to accomplish.. 
    $(this).(".content").addClass("show"); 
}); 

Answer 1

使用find和toggleClass

$(".button").click(function() { 
    $(".content").removeClass("show"); 
    $(this).find(".content").toggleClass("show"); 
});