Disparar callback slideUp-Down solo una vez y no por cada elemento del selector

[matake]

Hola,

Me he encontrado con un problema:

Código Javascript:

$('#a,#b').slideDown(function(){
            $('#c,#d').toggleClass('e f');
        });
 

Después de volverme loco buscando por que no se me cambia las clases (e f ) ... ( ya que en el proyecto la cosa es bastante mas compleja ) .... me di cuenta que el callback para slideDown se esta disparando por cada elemento del selector $() y haciéndolo dos veces (en el caso del ejemplo ) volvía a cambiar otra vez dichas clases dándome la impresión que no cambian nunca.

Mi pregunta es la siguiente:
¿Hay alguna forma que el callback dispare solo una vez ?
En la típica chapuza de poner un ... contador una condición ... ya he pensado pero pregunto por si habrá algún modo mas elegante de hacerlo.

Gracias

[autonotel]

Estudia el api jquery en toggle() y slidetoggle(). Hay eventos que se producen al abrir/cerrar durante...

http://api.jquery.com/slidetoggle/

[matake]

Gracias autonotel por la sugerencia, he mirado pero hace lo mismo:

A function to call once the animation is complete, called once per matched element.

O sea lo dice claro que el callback esta llamado por cada elemento y no realmente al final como otros callback-s

Por el momento he puesto un contador y una condicion que ejecute el codigo que quiero solo la primera vez que pase evitando los demas pasajes en funcion del numero de elementos existentes en el selector $() ... y aunque consideraba chapuza ... es lo unico por ahora que me funciona.

Otra opcion que estoy pensando es crear un plugin jquery al que llamare replaceClass()

Código Javascript:

$.fn.replaceClass = function(clase_antigua,clase_nueva){
    $(this).removeClass(clase_antigua)
    .addClass(clase_nueva);
    return this;
});
 

que aunque se ejecuta varias veces estoy seguro que las clases han cambiado como yo queria porque con el toggleClass ... al repetirse la ejecucion salen cosas raras