Search code examples
jqueryjquery-selectorsmenuonmouseoveronmouseout

Jquery Menu mouse over not working

Hi am trying to implement a simple menu using jquery but with no luck.
Kindly look into this fiddle.Thanks in advance
http://jsfiddle.net/Gg3cR/12/

Solution

  • instead of visibility: hidden; you need display: none; to start out with

    here is updated fiddle: http://jsfiddle.net/Gg3cR/13/

    EDIT: It will probably be better in the long run to keep the list in a div, and show/hide the div on mouse over

    Here is a link to show the difference between the two: http://www.w3schools.com/css/css_display_visibility.asp

    if you want to use visibility still, you could use .css('visibility', visibilityState)