jquery - cómo agregar/eliminar clases en slideToggle?

Question

Me gustaría que cada vez que div se expanda, agregue la clase 'selecionado' una vez que la expansión haya finalizado. Cuando la contracción haya finalizado (la parte de deslizamiento hacia arriba), me gustaría eliminar esta clase.

¿Me pueden ayudar aquí, por favor?

$('#btCategoriaA').click(function() 
{ 
    $('#listaCategoriaA').slideToggle('slow', function() { 
    $('#btCategoriaA').addClass('selecionado'); 
    }); 
}); 

Gracias de antemano, MEM

Answer 1

Puede alternar la clase utilizando .toggleClass() basado en si el elemento .is():visible después de la animación, así:

$('#btCategoriaA').click(function() { 
    $('#listaCategoriaA').slideToggle('slow', function() { 
    $('#btCategoriaA').toggleClass('selecionado', $(this).is(':visible')); 
    }); 
});