Activar y desactivar un class con un click

Ver el tema anterior Ver el tema siguiente Ir abajo

Activar y desactivar un class con un click

Mensaje por fededz el Sáb 29 Nov - 14:58

Hola a todos los usuarios de ForoNube, ya me he rendido con estos de los Javascript/JQuery.. entonces decidí preguntar en este bonito foro ya que saben mucho mas que yo xD
Mi duda: Como puedo agregar un class a un link y quitárselo dándole otro click. ¿Me explico?, aquí dos imágenes.

Sin class:


Con class:


Una vez que tiene el class puesto, quiero que al volver a hacerle click, desaparezca ese class, como en los foros comunes de IPB, o incluso como en este foro.
Yo trate de ver tutoriales en Google, pero a lo único que llegue fue a este código:

Código:
$(document).ready(function() {
 $('#user_navigation li a').click(function() {
 $(this).addClass('menu_active');
 });
  });

Al hacer click con ese codigo, se activa el class "menu_active", pero quiero que desaparesca al hacerle otro click, como un foro IPBoard o incluso como este foro, que se desactiva el active.
Muchas gracias.


Salu2. fdz
avatar
fededz

Mensajes : 11
Fecha de inscripción : 31/08/2014

Ver perfil de usuario http://templateforum-el.foro.net

Volver arriba Ir abajo

Re: Activar y desactivar un class con un click

Mensaje por Tubilok el Sáb 29 Nov - 15:33

Código:
$(function(){
  $('#user_navigation li a').click(function(){
    $(this).hasClass('menu_active') ? $(this).removeClass('menu_active') : $(this).addClass('menu_active');
  });
});

Firma

Tubilok
Programador y maquetador - Soporte
Equipo de Foro Nube
avatar
Tubilok
Soporte

Mensajes : 65
Fecha de inscripción : 31/08/2014

Ver perfil de usuario http://dropart.foroactivo.com/

Volver arriba Ir abajo

Re: Activar y desactivar un class con un click

Mensaje por Athos el Sáb 29 Nov - 16:18

Vengo a dejar otra opción:
Código:
$(function(){
  $('#user_navigation li a').click(function(){
    $(this).toggleClass('menu_active');
  });
});
avatar
Athos

Mensajes : 16
Fecha de inscripción : 07/09/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: Activar y desactivar un class con un click

Mensaje por fededz el Sáb 29 Nov - 17:08

Que bronca que me dan los dos ._., yo trate durante horas y horas y nada... Funcionan las dos opciones, muchísimas gracias a los dos Sonrisa, les agradezco mucho. Pueden cerrar.


Salu2. fdz
avatar
fededz

Mensajes : 11
Fecha de inscripción : 31/08/2014

Ver perfil de usuario http://templateforum-el.foro.net

Volver arriba Ir abajo

Re: Activar y desactivar un class con un click

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.