It will be difficult because I do not have a demo of this, but I believe that you will get what I say;)
There are many sites with an arrow under the active menu item (the site you are browsing NOW). The fact is that when you hover over any menu item - the arrow moves from active to overhanging and returns to shutdown (or remains here after clicking).
How it works?
I think the arrow below the active element is just an added class that refreshes the page to display new content? But what about slipping? :)
Many thanks.
source
share