A question on scc drop down menu.

[netpumber]

Hi!!

 

I have this css code..

 

#menu {
background: #333;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
}
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;
}
#menu a:hover {
background: #2580a2 url("images/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}
#menur {
background: #333;
list-style: none;
margin: 0;
padding: 0;
width: 6em;
}
#menur li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menur a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;
}
#menur a:hover {
background: #2580a2 url("images/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}

 

And here is my html code with the menu:

 

<ul id="menu">
    <li><a href="" target="_self">Main Menu</a>
    <ul>
      <li><a href="#">Subitem 1</a></li>
      <li><a href="#">Subitem 2</a></li>
      <li><a href="#">Subitem 3</a></li>
    </ul>
    </li>
</ul>

 

It is vertical menu and its like here in screen :

 

Main Menu

  - Subitem 1

  - Subitem 2

  - Subitem 3

 

So.. my question is if i can make subitems to appear when you click on the Main Menu..

 

Thanks in advanced!

[Hybride]

I may be wrong, but I think the only way to do it is Javascript (at least, that's the most logical that I can tell).

[netpumber]

And have you any idea on how to make it ?