Best viewed in a webkit-based browser due to some transitions for the hover effect. See more examples.

Edit: Added a second menu after reading a comment on Design instruct. Clicking the header using the :target psuedo-class to animate the menu to it's full height. Click the last menu item to hide the menu. Don't you just love CSS3!