I am redesigning a website of mine and trying to introduce a drop-down menu on the features tab.

 

http://www.ubereadoolische.com/home.html

 

I have never done one before, and the book I read it in suggests to me to use a JS plug-in called Superfish which I have done - my knowledge of JavaScript is almost zero.

 

Can anyone point me in the right direction please, I am getting a bit frustrated!!

 

Maybe there is an easier way without using JS? Or probably I am doing something dumb.

 

Thanks

James

http://jsfiddle.net/vWDvy/132/ - This is a pure CSS version.

Put position:relative; on your .nav li declaration and it should show up where you want.

It's a bit closer!

If you want a drop down on mouse hover you can use pure css. For a menu that can be toggled through an event like a mouse click then you will need JavaScript.

No nneedfor any plugins as all you need to do is toggle a class on the navigation, then use css to style the open and closed state + any animation.