Accordion Menu

User guide

Step 1:

Include the javascript

<script language="javascript" src="js/menu.js">
Step 2:

Create the HTML code for the menu


<ul id='menu'>
	<li><a href='#Film'>Films</a>
		<ul>
			<li ><a href='#'>Action</a>
				<ul>
					<li><a href='#'>Terminator</a></li>
					<li><a href='#'>The Fifth Element</a></li>
					<li><a href='#'>Die Hard</a></li>
				</ul>
			</li>
			<li ><a href='#'>Drama</a></li>
			<li ><a href='#'>Comedy</a></li>
		</ul>
	</li>
</ul>
Step 3:

Call the jquery code for the ul element that contains the menu

$('ul#menu').accordionMenu();

Examples