JQuery交换类

Question

我正在学习JQuery,在编写自己的小脚本时遇到了问题.所以我有一个导航栏,每按一次按钮,它应该将其css类从'btn'切换到'activebtn'.出于测试目的,我希望能够单击SAME按钮,并将其切换回来,尽管这不会发生.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');
});