Home/ Questions/Q 8352413
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:57:18+00:00

I have a small navigation menu which opens when its hover event is called.

  • 0

I have a small navigation menu which opens when its hover event is called. When I choose an item in the menu its current item changes to the chosen item and the menu disappears. So far so good. Now what I would like to achieve is that the menu also disappears when I don’t choose any item and I just move the mouse to somewhere else. I’ve made an example on jsFiddle: See here

I’ve already tried blur(), first of all it doesn’t work and second of all I want the menu to disappear already when the hover is gone and not after someone has clicked somewhere else. Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here, I rewrote it to work the way it’s intended…

    .live() is deprecated in 1.7 and .on() should be used in favor of this. However, hover isn’t supported with a callback in .on(), so we use mouseover and mouseout events in a chain to replicate the same idea as a callback function.

    Also, moved around the elements and added a span to handle our ‘text’ update.

    Here’s the jSfiddle. Note changes in all AREAS: CSS, HTML & jQuery

    • 0