Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/01/2017, 18:17
agustinpak
 
Fecha de Ingreso: febrero-2012
Ubicación: Cancun
Mensajes: 79
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Botón activo de menú con click

Hola @Ito79! Gracias por tu ayuda! Quedo funcionando!!

Lo que si, tuve que modificarlo porque de esa manera me dejaba todos los botones activos porque en la función, nunca desactivaba la clase de los otros botones, sino del mismo que clickeaba.

Muchas gracias nuevamente!! Saludos!!

Código Javascript:
Ver original
  1. <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
  2.         <script>
  3.             $(document).ready(function(){
  4.      
  5.                 $('#inicio').click(function(){
  6.                         $('#redes').removeClass("activa");
  7.                         $('#quienes_somos').removeClass("activa");
  8.                         $('#contacto').removeClass("activa");
  9.                         $(this).addClass("activa");
  10.                                              });      
  11.      
  12.                 $('#redes').click(function(){
  13.                         $('#inicio').removeClass("activa");
  14.                         $('#quienes_somos').removeClass("activa");
  15.                         $('#contacto').removeClass("activa");
  16.                         $(this).addClass("activa");
  17.                                              });
  18.  
  19.                 $('#quienes_somos').click(function(){
  20.                         $('#redes').removeClass("activa");
  21.                         $('#inicio').removeClass("activa");
  22.                         $('#contacto').removeClass("activa");
  23.                         $(this).addClass("activa");;
  24.                                              });
  25.  
  26.                 $('#contacto').click(function(){
  27.                         $('#redes').removeClass("activa");
  28.                         $('#quienes_somos').removeClass("activa");
  29.                         $('#inicio').removeClass("activa");
  30.                         $(this).addClass("activa");
  31.                                              });
  32.                                         });
  33.         </script>

Saludos!!