падащо меню с CSS

Blackmailer

Registered
Здравейте, имам следното вертикално меню:

HTML код:

<div class="menu">

<a class="button2" href="page11.html">Nachalo</a>
<a class="button2" href="page12.html">2</a>
<a class="button2" href="page13.html">3<a>
<a class="button2" href="#">4</a>
<a class="button2" href="#">5</a>
<a class="button2" href="#">6</a>
</div>

искам когато натисна бутона начало да се появява под меню, не когато мина с мишката като hover, a onclick.

Ще съм ви много благодарен ако ми помогнете.
 
значи добавих бутон с клас button22, и в CSS
а.button22
{
display:none;
top: 100%;
background-color:white;
text-decoration:none;

Но текста си стои без да се скрива и да се показва само онклик на главното меню.Може ли да ми покажеш CSS ?
 
аз заменям <ul> <li> с div :

HTML


<div class="menu">

<div class="l1"><a class="button2 active" href="page11.html">Начало</a>
<div class="menu2">
<div class="l1"><a class="button22" href="page12.html">Нsd</a></div>
<div class="l1"><a class="button2" href="page13.html">Еd</a></div>
<div class="l1"><a class="button2" href="#">йпшй</a></div>
</div>
</div>
<div class="l1"><a class="button2" href="#">3V</a></div>
<div class="l1"><a class="button2" href="#">312</a></div>

</div>

искам някой да ми помогне с CSS , благодаря предварително.
 

Back
Горе