2011-12-17 40 views
0

如果有一组可折叠的元素,在我需要更换类离开取决于事件isCollapse更换类。有没有比我想出来的方法来做到这一点?取决于事件

if (collapse) { 
    $('.left').addClass('topLeft').removeClass('left'); 
    $('.right').addClass('topRight').removeClass('right'); 
    } else if (!collapse) { 
    $('.topLeft').addClass('left').removeClass('topLeft'); 
    $('.topRight').addClass('right').removeClass('topRight'); 
    } 

必须有一个eaiser办法做到这一点,而无需编写那么多的代码...

回答

2

看看toogleClass http://api.jquery.com/toggleClass/

$('.collapsible:eq(0)').find('a').toggleClass('topLeft').toggleClass('left'); 
$('.collapsible:eq(1)').find('a').toggleClass('topRight').toggleClass('right'); 
+1

应该是eq(0)不应该吗? – frequent

+0

我已更新它 – aWebDeveloper

+0

顺便说一下,您可以缩短它:'.toggleClass(“topLeft”,“left”);' –

0

这应该做的伎俩

$(".collapsible").find(".topLeft, .left").toggleClass("topLeft", collapse).toggleClass("left", !collapse); 
$(".collapsible").find(".topRight, .right").toggleClass("topRight", collapse).toggleClass("right", !collapse);