Link to home
Start Free TrialLog in
Avatar of jdav357
jdav357

asked on

CSS expanding menu

Hi,
I have a navigation like thus:
<ul id='nav'>
<li>Home</li>
  <li>Products
      <ul>
         <li>Product a</li>
         <li>Product b</li>
         <li>Product c</li>
       </ul>
  </li>
<li>ANother
      <ul>
         <li>Product a</li>
         <li>Product b</li>
         <li>Product c</li>
       </ul>
</li>
</ul>

Open in new window


Is there a simple way that I can hide the inner ULs until products or ANother is moused over upon which it will expand?

The solution must work across IE7,8,FF

Cheers
John

Avatar of LZ1
LZ1
Flag of United States of America image

I would highly recommend an already made solution.  Suckerfish is very popular, has lots of support and works flawlessly cross-browser. And it looks like your current menu is laid out just like so.

http://www.htmldog.com/articles/suckerfish/dropdowns/ 
ASKER CERTIFIED SOLUTION
Avatar of Nenad Rajsic
Nenad Rajsic
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial