单个按钮的多个切换类？ [复制]答案

【问题标题】：Multiple Toggle Class's from single button? [duplicate]单个按钮的多个切换类？ [复制]
【发布时间】：2015-09-22 09:43:29
【问题描述】：

我使用classie 库进行以下工作

var body = document.body,
menuLeft =  document.getElementById( 'cbp-spmenu-s1' ),
textPanel = document.getElementById( 'panel' ),
showLeftPush = document.getElementById( 'showLeftPush' ),
showLeftButton = document.getElementById( 'showLeftButton' );

showLeftPush.onclick = function() {

 classie.toggle( this, 'active' );
 classie.toggle( body, 'cbp-spmenu-push-toright' );
 classie.toggle( menuLeft, 'cbp-spmenu-open' );
 classie.toggle( textPanel, 'hide' );


};

当您单击带有 showLeftPush ID 的按钮时，所有其他都会触发添加给定的类。

我只是想知道是否有一种更简单的方法可以仅使用 jQuery 来完成此操作，而不会出现经典比特和 bobs 的臃肿（反正不会很快得到支持）。

我不是 jQuery 大师，因此我为什么首先使用 classie 库:(

非常感谢。

【问题讨论】：

这不是重复的。他是在询问是否为多个班级切换提供餐饮服务。请仔细阅读标题。
OP，回答您的问题。不，没有办法以任何其他“更简单”的方式切换课程，你写的很好。当然，您可以通过存储它们并为所有具有类名'class-toggle'或其他东西的元素切换它们来隐式引用类名，但这对于下一个坐下来的开发人员来说可能不是'更简单'。关于classie，只需使用jQuery toggleClass 函数：api.jquery.com/toggleclass

标签： jquery class toggle

【解决方案1】：

试试下面的代码

$('#showLeftButton').click(function() {
    $(this).toggleClass('active');
    $("#panel").toggleClass('hide');
    $('body').toggleClass('cbp-spmenu-push-toright');
    $("#cbp-spmenu-s1").toggleClass('cbp-spmenu-open');
});

【讨论】：

谢谢JayMee 和Cerlin Boss，这正是我的意思。我现在可以减少 classie.js 位，谢谢。