Wrote a horizontal rubber menu for yourself. In principle, I wanted to implement it and it turned out (a drop-down menu for several columns, while decreasing, everything smoothly shifts and cuts off the text at the right moment), maybe you will have other views on certain things, I will be glad to hear. But the whole point of the question is a little different.

After several resizing, the hover noticeably slows down. My knowledge of jQuery does not yet answer the question why this may be so. Can someone tell you what the essence of the problem is and how it can be solved. Demo codepen.io

    1 answer 1

    The problem is that you just add event handlers without deleting the previous ones. Accordingly, after some time, timely processing of a large number of similar events begins to cause difficulties for the browser.

    You can solve this problem using jQuery.on and jQuery.off, which allow you to add and delete events.