Hello good people!

I have been asked to modify a catalog page (http://vesta-baby.ru/catalog) in order to fix a small problem.

The page is made out of divs with nested hidden divs that show up on hover. It is all done with css now which causes the hidden divs to disappear from time to time while the cursor moves from the main div to the popup div. Since the popups contain a list of links, I need to keep them visible for some time before they disappear again, and also they should stay visible while the cursor is over them.

Is there a simple js solution to do this without having to massively rewrite the current css and html?


I am not a programmer. I know the basics and can fiddle with existing code, but coding from scratch is not my area of expertise.