Question

This is probably against the rules to ask something straight off but I am at the end of my tether!

Please see these images.

I need to animate the sub-menu coming down when about is clicked. When ABOUT is clicked I need the sub-menu to animate down and then across.

What Jquery can I use for this?

Hopefully this makes sense.

Thank You

Answer 1

Here is a demo: http://jsfiddle.net/Yk8bR/1/

I used hover, instead of click, but you can change that.

$('#menu ul li').hover(function(){
    $(this).find('ul').show(400);
},
function(){
    $(this).find('ul').hide(0);
});

HTML (don’t forget to anchors)

<ul id="menu">
    <li>Home</li>
    <li>About
        <ul>
            <li>The Company</li>
            <li>The Team</li>
        </ul>
    </li>
    <li>Services</li>
</ul>

You’ll see basic CSS in demo, I can’t bother with that.