Métodos abreviados jQuery/técnica para alternar clases

Question

En jQuery, ¿hay alguna otra forma de escribir esto?

Versión 1

 $("#date_filter-enable").click(function() { 

     $("#search_dates").removeClass("hidden"); 
    }); 

    $("#date_filter-disable").click(function() { 

     $("#search_dates").addClass("hidden"); 
    }); 

Versión 2

 $("input[id^=date_filter-]").click(function(e) { 

     var clicked = $(e.target); 
     var id = clicked.attr("id").split("-"); 
     var action = id[1]; 

     if(action == "enable") 
     $("#search_dates").removeClass("hidden"); 
     else 
     $("#search_dates").addClass("hidden"); 
    }); 

Estoy acostumbrado a la codificación como esto ... pero quiero saber si hay mucho manera eficaz y fácil de leer, fresco de la escritura es ... como alternar, encadenar ... las mejores prácticas no sé ^^

¡Aprecio que lo compartas! ^^

Answer 1

Debe utilizar el método toggleClass.

$("input[id^=date_filter-]").click(function(e) { 
    $("#search_dates").toggleClass("hidden"); 
}); 

Answer 2

$("input[id^=date_filter-]").click(function(e) { 
     if($(this).attr("id").split("-")[1] == "enable") 
     $("#search_dates").removeClass("hidden"); 
     else 
     $("#search_dates").addClass("hidden"); 
    });