取決於事件

Question

如果有一組可摺疊的元素，在我需要更換類離開和右取決於事件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辦法做到這一點，而無需編寫那麼多的代碼...

Answer 1

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

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

Answer 2

這應該做的伎倆

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