Jquery 单击此类时，将addClass和removeClass添加到两个元素

我将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”）。单击（函数（）{
if（$（'li'）.hasClass（'active'））{
$（'li.active'）.addClass（'inactive'）.removeClass（'active'）；
}
if（$（'li'）.hasClass（'inactive'））{
$（'li.inactive'）.removeClass（'inactive'）.addClass（'active'）；
}
});

此处的目标是当单击a.timesheet-active时，li.active变为li.inactive，li.inactive变为li.active

感谢您的帮助

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

---

如果它是一个

工作良好的问题：当您第一次单击a.timesheet-active时发生切换，如果用户关闭lightbox并再次单击链接，它将再次切换到错误的选项卡上打开。