Closed

CSS Vertical Accordian Menu with Javascript

This project received 8 bids from talented freelancers with an average bid price of $53 USD.

Get free quotes for a project like this
Employer working
Skills Required
Project Budget
$30 - $250 USD
Total Bids
8
Project Description

I need to customize a css menu. I don't need help with the styling, only the functionality of the menu itself. What I need is a menu that will do this:

When the website visitor first visits the website the accordian menu is collapsed so that only the main menu items are visible, such as:

Home
About
Departments
Procedures
Contact

Each of these main links will link to their own pages. In addition, when a user clicks on one of these main links, such as Departments, they will be directed to the Department page of the website, but the submenu items under Departments should expand and be visible until the user leaves that section of the main nav or any items in the subnav for that particular item, so if they are on on Anatomy they will still see the subnav as visible. i.e.

Home
About
Departments
Anatomy
Psychology
Physiology
Procedures
Contact

As a side note I will be using the menu as a PHP include on the site.
This must be cross browser compatible. There will be about 4 more links with subnavs but I am just trying to illustrate what I am looking for. Please PM with questions.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online