Ayuda con código javascript

  • Autor Autor Jesús Rojas
  • Fecha de inicio Fecha de inicio
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Jesús Rojas

Jesús Rojas

1
Zeta
Verificación en dos pasos activada
Suscripción a IA
Hola, tengo varios divs con la misma clase:
HTML:
<div class="hex">
</div>

<div class="hex">
</div>

Y lo que quiero es que cada vez que paso el mouse por encima de un div se active la clase .inner y .after. Solo e logrado que se muestren dichas clases, pero de manera global; es decir que si paso el mouse por el primer div se activan los dos divs que tengo. No puedo lograr que se haga independientemente.

HTML:
$(document).ready(function(){
    $(".hex").hover(function(){
        $(".inner,.after").fadeTo( "fast", 0.88);
    }, function(){
        $(".inner,.after").fadeTo("fast", 0);
    });
});

No se si me explico bien, lo que quiero es que cada vez que pase el mouse por un div se active solo ese div y que los demás divs no hagan nada, si paso por el segundo div solo se active ese div.

Espero puedan ayudarme, saludos.
 
¿Dónde están los elementos con las clases inner y after? Si están dentro del div.hex pues en vez de:
$(".inner,.after").fadeTo( "fast", 0.88);
usa:
$(this).find(".inner,.after").fadeTo( "fast", 0.88);

this hace referencia solo al elemento que activó el evento hover.
 
¿Dónde están los elementos con las clases inner y after? Si están dentro del div.hex pues en vez de:
$(".inner,.after").fadeTo( "fast", 0.88);
usa:
$(this).find(".inner,.after").fadeTo( "fast", 0.88);

this hace referencia solo al elemento que activó el evento hover.

Muchas gracias, me soluciono el problema.
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Atrás
Arriba