降低代碼觸發類

Question

我想製作開關類。編寫了代碼，但需要這些代碼的數量有所減少並使其更具多功能性。你能告訴我該怎麼做。

$('.js_lightSpeedIn').click(function(){ 
    $('.js_pro-accordion-menu').removeClass("js_zoomIn js_fadeInLeft").addClass("js_lightSpeedIn"); 
}); 

$('.js_zoomIn').click(function(){ 
    $('.js_pro-accordion-menu').removeClass("js_lightSpeedIn js_fadeInLeft").addClass("js_zoomIn"); 
}); 

$('.js_fadeInLeft').click(function(){ 
    $('.js_pro-accordion-menu').removeClass("js_lightSpeedIn js_zoomIn").addClass("js_fadeInLeft"); 
}); 

Answer 1

最好的方法是使用變量使代碼更體面。一個選擇器重複3次，使其成爲一個變量。

a=$('.js_pro-accordion-menu'); 
$('.js_lightSpeedIn').click(function(){ 
    a.removeClass("js_zoomIn js_fadeInLeft").addClass("js_lightSpeedIn"); 
}); 

$('.js_zoomIn').click(function(){ 
    a.removeClass("js_lightSpeedIn js_fadeInLeft").addClass("js_zoomIn"); 
}); 

$('.js_fadeInLeft').click(function(){ 
    a.removeClass("js_lightSpeedIn js_zoomIn").addClass("js_fadeInLeft"); 
});