I would like a hiding sub menu that slides out on a mouseover of a parent menu item in the main menu. The body of the page lowers to reveal the child pages of that parent menu item. The Parent menu items About, Media, Work, are to each reveal their separate child submenu.
This new menu will replace the existing menu. The new menu action is to resemble a similar menu on [url removed, login to view] , except the top menu items are visible, and the only the second child level of menu.
The parent menu item attributes will be the same: font-size=[url removed, login to view], a color=#808080, a:hover color=#313131, font-family= Arial, Helvetica, Sans-Serif.
The color of the child menu names are #808080, and on hover the change to #313131, font-size=[url removed, login to view], font-family= Arial, Helvetica, Sans-Serif, no borders on rollover. Height of the hidden area=100px.
This is to fit into Wordpress / [url removed, login to view] (Jquery, php)