在点击时切换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"); 
});