Connecting custom code to div classes

[Aleksey (Aleksey Denisov)]

Help urgently please!! How to connect this code to classes?

from this form: Interaction to change z-index

$(".your-element").hover(function(){
    $(".other-element").css("z-index", "10");
    }, function(){
    $(".other-element").css("z-index", "1");
});

[Siton_Systems (Ezra Siton)]

You can use simple CSS hover

<style>
.element:hover{
   z-index: 1000;
}
</style>

Hover on top of other elements

Hi all, Im looking for the best way to create a hover effect that will hover over all the other div blocks around it. The section “Pick Your Adventure” is where I am talking about. I Have the animation set up so that when the user hovers, the background changes color along with the button and all of that is good to go, but when the element scales up, part of it hides behind the other div blocks since it is lower in the hierarchy. If anyone has a solution I would greatly appreciate it. Thanks! …

Anyway add live URL and read-only link (It’s hard to know why this code not working for you like this).

[Aleksey (Aleksey Denisov)]

Hello, thanks for the help. I still can’t figure it out.

it is necessary that the image covered the rectangle when you hover the mouse.

Here is my public share link: https://dkdk.webflow.io/1
Here is my site Read-Only: LINK

[Siton_Systems (Ezra Siton)]

Move before body (after jquery loads) (Right click - inspect → console to see the errors):

[Aleksey (Aleksey Denisov)]

OMG it really worked! I wanted to achieve this effect, thanks!

[Siton_Systems (Ezra Siton)]

Great Mark as solution to close this topic

[Aleksey (Aleksey Denisov)]

Sorry to bother you again. Can I do the animation without jerking?
when you move the mouse quickly, the animation does not have time to fully reproduce and stops.

Here is my public share link: https://dkdk.webflow.io/2
Here is my site Read-Only: LINK