Foros del Web » Programando para Internet » Javascript » Frameworks JS »

efecto toggleClass

Estas en el tema de efecto toggleClass en el foro de Frameworks JS en Foros del Web. hola tengo un menu Código PHP: < div id = "menu1" > < a href = "#hola" > hola </ a >< br  /> < a href = ...
  #1 (permalink)  
Antiguo 17/08/2011, 15:34
Avatar de engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 9 meses
Puntos: 8
efecto toggleClass

hola tengo un menu

Código PHP:
<div id="menu1">
<
a href="#hola">hola</a><br />
<
a href="#adios">adios</a><br />
<
a href="#mas">más</a>
</
div
lo que estoy intentando que con la funciona toggleClass cuando clicue en una <a></a> me cambie un estilo osea que si le hago click en el #hola me ponga una classe de seleccionado y cuando clide en #mas me saque la classe en #hola y me la active en #mas...


no se si me explico
  #2 (permalink)  
Antiguo 17/08/2011, 18:25
 
Fecha de Ingreso: junio-2010
Mensajes: 373
Antigüedad: 14 años, 5 meses
Puntos: 11
Respuesta: efecto toggleClass

Hola engonga.

Pues mira, podrias hacer esto:

Código HTML:
Ver original
  1. <div id="menu1">
  2. <a class="menu actual" href="#hola">hola</a><br />
  3. <a class="menu" href="#adios">adios</a><br />
  4. <a class="menu" href="#mas">más</a>
  5. </div>



Código Javascript:
Ver original
  1. $(".menu").click(function() {
  2.     $(".actual").removeClass('actual');
  3.     $(this).addClass('actual');
  4. });

Lo he hecho rapido, sin mirar mucho. Si no funciona echale un vistazo que tendra algun fallo tonto, pero como ves "es poca cosa".

El unico inconveniente es que agregas la clase actual desde el principio a uno de los links...pero weno, si no te interesa eso, con una pequeña modificacion se podria hacer a tu gusto.

Espero haberte ayudado.

1 saludo!!
  #3 (permalink)  
Antiguo 17/08/2011, 19:04
Avatar de engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 9 meses
Puntos: 8
Respuesta: efecto toggleClass

muchas gracias

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:06.