jquery - 单击此类时将添加类和删除类添加到两个元素

Question

我将fancybox插件与'tabify'插件组合使用，这样我就可以点击一个链接并拥有一个选项卡式灯箱。那里没有问题——但是，我希望能够单击一个链接来激活特定选项卡上的活动状态并从另一个选项卡上删除活动状态。

这是jQuery：

$("a.timesheet-active").click(function() {
        if ($('li').hasClass('active')) {
        $('li.active').addClass('inactive').removeClass('active');
        }
        if ($('li').hasClass('inactive')) {
        $('li.inactive').removeClass('inactive').addClass('active');
    }
});


<ul id="menu">
    <li class="active"><a id="aa-pp" href="#reserve-pp"></a></li>
    <li class="inactive"><a id="aa-ts" href="#reserve-timesheets"></a></li>
</ul>

这里的目标是当点击a.timesheet-active时，li.active变成li.inactive，li.inactive变成li.active

任何帮助表示赞赏！

Answer 1

$("a.timesheet-active").on('click', function(e) {
    e.preventDefault();
    $('li.active, li.inactive').toggleClass('inactive active');
});

如果它是一个<a>元素，您通常需要阻止默认操作，然后只需切换两个元素上的两个类即可在它们之间切换。

小提琴