Buenas tardes

Estoy buscando una manera de alternar entre estilos:

Ejemplo

Tengo dos estilos (clases), uno hace que el párrafo sea rojo y el otro hace que el párrafo sea azul. Solo quiero usar JQuery para llamar a los estilos, no para contener los estilos en sí.

Así que cuando hago clic en un botón, el párrafo se vuelve rojo, cuando hago clic nuevamente, se vuelve azul.

De nuevo, prefiero tener el estilo separado y los nombres de clase dados y hacer que JQuery cambie entre los dos.

He buscado en la red, pero sigo apareciendo con ejemplos de mostrar / ocultar donde los estilos están integrados en la función JQuery.

¡Cualquier idea será apreciada

Overmars

¡Hola a todos! Esto es lo que hice, ya que mencioné que simplemente estaba tratando de alternar entre dos estilos. Uno de los estilos hace algo, por ejemplo: hacer un texto rojo o cambiar una imagen y el otro estilo hace que otra cosa suceda.

Gracias a todos por su tiempo, una paciencia. Todos ustedes hacen la diferencia.

Encontré la respuesta en mi libro de cocina JQuery. Capítulo 3. Manejo de eventos Página 69. Aquí está el código:

$(document).ready(function() {
    $('.normalStyle').click(function(){
        $(this).toggleClass('newStyle');
    });
});