单击时在div上切换类

Question

我有2个div称为“按钮”，里面有另一个div。我希望在点击时更改可见性：

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

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

我使用display：block将class =“show”应用于单击时显示“content”。

但是如何从已经可见的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");
});