单击时切换 div 上的类

Question

我有 2 个名为“按钮”的 div，里面有另一个 div。我想更改点击时的可见性：

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

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

我将 class="show" 与 display: 块一起应用，以在单击它时显示“内容”。

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