Cómo usar la función toggleClass() en jQuery

Continuamos con nuestro curso de jQuery, y lo que vamos a ver hoy en una función para lidiar con el uso de clases en CSS.

Un ejemplo típico que algún día haremos es el de agregar una clase a un elemento, para después de cierto estado quitarla y de esa forma controlar el estilo de ese elemento, y veremos en el tutorial que hay una forma básica para hacerlo, pero es un tanto larga ya que tenemos que validar que efectivamente, el elemento tenga esa clase para quitarla, o verificar que no la tenga para añadirla.

En este tutorial vamos a ver cómo funciona el método o función toggleClass() para que en una simple línea de código nos permita añadir o quitar una clase de un elemento sin importarnos si ya la tiene o no, porque lo que hace es verificar internamente la condición que nosotros definimos anteriormente.