jQuery在同一页面上有几个切换触发器

Question

我有一个包含两个不同触发器的页面。它们都会在点击时将“活动”类切换到正文。如果您单击打开然后再次关闭同一面板，则使用toggle方法可以很好地工作。

无论如何，如果我点击打开其中一个，然后点击打开另一个，两个都显示，并且两个单独的“活动”类同时被添加到正文中。

有没有办法确定是否已经在主体中添加了“活动”类，以便在我显示单击之前单击另一个切换按钮时将其删除？

我目前在JS中的内容如下。对于搜索栏：

function searchToggle ( trigger ) {
    $( trigger ).on( 'click', function(e) {
        e.preventDefault();
        $('body').toggleClass('search-is-open');
    });
}
window.searchToggle = searchToggle;

订阅时事通讯：

function newsletterToggle ( trigger ) {
    $( trigger ).on( 'click', function(e) {
        e.preventDefault();
        $('body').toggleClass('newsletter-is-open');
    });
}
window.newsletterToggle = newsletterToggle;