jquery menu

this job is for a JQUERY MENU 1. the jquery menu needs to be just like the pictures attached, it's a 3 level menu. 1.1 when you click the 1st level menu, there will be a vertical expanding. In the second picture you can see, when you click in the item PROJECTOS, the item CLIENTE goes down and it has a vertical space from the last sub-item DESIGN. This vertical space is fixed for all the items clicked, just like in the picture. 1.2 when you have your mouse over a 1st level menu item there's a white background color, take a look at the picture. 1.3 after you click any 1st item sub-menu and it expands, there's no background-color in that 1st item menu, only when mouseover. 1.4 when the sub-level is shown, there's a yellow background-color when mouse hover. 1.5 when you click a sub-level item and it's show the sub-sub-level menu, the sub-level item clicked gets a yellow background to mark that it's ACTIVE.. 1.6 when the sub-sub level is shown it gets a yellow background color with the mouse hover 1.7 when you click a sub-sub level item it's gets a a yellow background color to mark that it's ACTIVE. 1.8 in any time if you click any of the 1st levem menu it will hide any other sub or sub-sub level and it starts all over again. 2. this menu needs to be compatible, with the popular browsers, internet explorer, firefox, chrome, safari, opera...versions used with microsoft OS since windows XP, latest MAC OSX. 3. needs to be compatible with mobile phones, iphone(iOS) and ANDROID phones. 4. in the 1st picture, see the detail, the background-color starts in the margin of the left bound of the webpage. The same for the backgound-colors for the sub-level menu 5. in the 2nd picture the yellow background-color is for a mouse hover. 6. in the 3rd picture the yellow background color is fixed marking the active sub-menu and mouse hover on the sub sub-level menu. thanks for your time.