Navigation Drop down with Active Status

Hello There,

I need to create navigation menu that appears like this image:

As you could guess when the user hovers over a sub menu the small bar would drop down, and the active status would be as seen in the ‘Home’ example.

Does anyone know of any similar tutorials to achieve this, I’m quite green on Java so any help would be much appreciated!

Dave

Ah I was hoping for a smoother animation, rather than the backdrop just appearing. Hope this makes sense!

Why can’t you do that with CSS if the menu links are always shown?

Thanks for your reply. Opps, yes I mean JavaScript!

The sub menu will always be visible. Yep, the idea is that the background would slide down as shown in ‘home’ when hovered, and to also stay there when active.

Can you recommend any tutorials/code?

Gotcha, yes it does to me. i am not a JS guy though.

I think you mean javascript. Big difference.

So the sub menu items are always visible?
And you want the background to slide down when you hover over a submenu item?

Correct?