Classes in DOM are not added/removed correctly on fast hovering

JavaScript
1

Hi guys,

Sorry for a bit strange title of topic, I had really no idea how to call it.

I have codepen example so I guess this would be enough to undestand what issue I have.

If you try to go fast over the anchors, at specific moment you will see the two images instead one. Basically the jQuery incject style attribute display: list-item; on two li elements, instead only one (IDK why)

If you go slow over items, it would work correctly, so active element would have display: list-item, remain two, would have display: none;

Thanks.

2

Fixed ! Pen Updated.

It required a bit different CSS :slight_smile:

1 Like
3

Could you please describe exactly what changes you made to your CSS to solve this issue? It might be of interest to others who see this thread.

4

Yes for sure.

The main thing was make, li inside .Seasons, absolute positioned, so that did the trick.

Iā€™m not JS expert, so I would like someone, who is, to explain it more :slight_smile:

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.