JQuery交换类

Question

我正在学习JQuery，在编写自己的小脚本时遇到了问题。所以我有一个导航栏，每次按下一个按钮，它应该从＆＃39; btn＆＃39;切换它的css类。到＆＃39; activebtn＆＃39;。出于测试目的，我希望能够单击相同按钮，然后将其切换回来，尽管这并没有发生。 JQuery不会更新类吗？如果是这种情况，我将如何强制JQuery这样做？

<div class="btn">Hello</div>
<div class="btn">World</div>

<script>
$( ".btn" ).click(function() {
    $(this).removeClass('btn');
    $(this).addClass('activebtn');
});

$( ".activebtn" ).click(function() {
    $(this).removeClass('activebtn');
    $(this).addClass('btn');
});
</script>

Answer 1

应该能够做到：

$( ".btn" ).click(function() {
    $(this).toggleClass('btn activebtn');
});