从单个按钮多个Toggle Class？

Question

我使用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大师，因此我首先使用了这个类库：（

非常感谢。

Answer 1

尝试以下代码

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