Can this be done? if so, how?

[stig1]

Hey Guys & Girls,

 

I have a menu which I would like to be able to open and close up with a click.. (read something bout an accordian)?

 

Currently I have my list coded like the following below:

 

<ul>
<li><a href="browse.php" title="Tapes & Adhesives">Tapes & Adhesives</a>
<ul>
<li><a href="browse.php" title="Tapes & Adhesives">Tape Dispensers</a></li>
<li><a href="browse.php" title="Tapes & Adhesives">Packaging Tape Hand</a></li>
<li><a href="browse.php" title="Tapes & Adhesives">Masking Tape</a></li>
</ul>
</li>
<li><a href="browse.php" title="Safety Equipment & First Aid">Safety Equipment & First Aid</a>
<ul>
<li><a href="browse.php" title="Tapes & Adhesives">Traffic Cones</a></li>
<li><a href="browse.php" title="Tapes & Adhesives">First Aid Kits</a></li>
</ul>
</li>
</ul>

 

If javascript is disabled the user would be able to click on the main category and go to the browse page.

 

If javascript is not disabled the user would get a slide down menu of the sub categories?

 

Any questions..feel free to ask...