So I have this website I’m working on and which is divided in 2 horizontal parts. You jump from one part to the other through a scrollTo script which make the second part slide to the left and replace the first part.
I want that when the mouse hover the right of the window, the second part slide through, and vice-versa when the second part is shown: hovering on the left of the window will slide back the first part.
I used an image of 500×20 for the trick, which when hovered do as told above.
Now it works, but when the second part slides to the left to be shown, the mouse is very likely to hover the second image (the one which allow to go back to the first part), and then slide back wether you like it or not… and maybe slide again to the left, then to the right… etc… because the mouse always hover on the 500×20 image which serves as a trigger.
So, and all of those explanations just for that, I want to set a delay, but this code doesn’t work:
Honestly, it would be much more beneficial to you to go to http://codepen.io and recreate what you have thus far so we can figure out exactly what you mean…at the very least, pointing us to a live version would help incredibly.