Question

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/

Answer 1

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)