Accordian tyoe UL Menu

[Mehok]

I have a menu on my page that is on the left had side and there is a parent and a child item

menu is like so

Home
About
Products
-- Product Catagory One
-- Product Catagory Two
-- Product Catagory Three
Services
-- Service Catagory One
-- Service Catagory Two
-- Service Catagory Three
Contact

I would like to make the sub menu items to be invisable untill clicked
and once clicked they would scroll into view not just appear

One more thing if the user happens to click on products
and then desides to click on services i would like to make the
products sub menu to disappear

the code for the menu is as follows

<div id="menu-cont">
		<div class="navmenu">
		<ul>
		<li><a href="index.htm" class="current">Home</a></li>
		<li><a href="about.htm">About</a></li>
		<li><a href="products.htm">Products</a></li>
		<ul>
			<li><a href="#">Product Cat One</a></li>
			<li><a href="#">Product Cat Two</a></li>
			<li><a href="#">Product Cat Three</a></li>
		</ul>
		<li><a href="services.htm">Services</a></li>
		<ul>
			<li><a href="#">Service Cat One</a></li>
			<li><a href="#">Service Cat Two</a></li>
			<li><a href="#">Service Cat Three</a></li>
		</ul>

		<li><a href="contact.htm">Contact</a></li>
			</ul>
		</div>

Please and Thank you

[ddadmin]

You may want to simply look at the following page, specifically, the nested menu option: http://www.dynamicdrive.com/dynamici...ordionmenu.htm