Duda sobre función

[designermaster]

Hola foreros,

Tengo el siguiente código:

Código:

    $(".contenido_cancion .info").click(function() {
      $(".contenido_cancion .info").addClass("info_ampliado");  
     
    });

Lo que hace es que cuando se pulsa sobre la descripción, añade el siguiente css, para que muestre toda la info que estaba oculta:

Código:

.info_ampliado { height: auto;  }

El tema es que me gustaría saber cómo puedo hacer para que cuando se vuelva a pulsar sobre la descripción se quite la clase que había añadido.

Por si no me he explicado bien, lo que quiero hacer es parecido a lo que utiliza youtube en las descripciones de sus videos, pero pudiendo cerrar la ventana si vuelvo a pulsar.

UN saludo y gracias.

[MarioAraque]

Con esto te debería funcionar.

Código Javascript:

$(".contenido_cancion .info").click(function() {
      $(".contenido_cancion .info").toggleClass("info_ampliado");  
     
    });
 

Igualmente deberías usar this en caso de que solo quieras aplicar el cambio al selector que pinchas.

Código Javascript:

$(".contenido_cancion .info").click(function() {
      $(this).toggleClass("info_ampliado");  
     
    });
 

Saludos.

[designermaster]

Muchas gracias Mario. Ya conseguí solucionarlo ;).
Un saludo.