a:hover

[Joaca]

Hola todos.

tengo el siguiente codigo.

Código:

.desplegable ul{
    display:none; text-align: center; list-style:none; height:100px; width:320px; margin-top:14px; margin-left:-41px;
}
.desplegable:hover ul{
    display:inline; list-style:none; height:100px; width:320px; margin-top:14px; margin-left:-144px; text-align: center; float:left;
}

pero quiero volverlo no cuando pase el mouse si no cuando se haga click.

y el codigo de la lista es.

Código HTML:

<ol>
<li><a href="index.html">INICIO</a></li>
<li><a href="reel.html">REEL</a></li>
<li class="desplegable">PORTAFOLIO
      <ul>
          <li><a href="animacion.html">ANIMACIÓN</a></li>
           <li><a href="aplicaciones.html"><div class="flecha">APLICACIONES</div></a></li>
           <li><a href="diseno.html">DISEÑO</a></li>
      </ul>
<li><a href="contacto.html">CONTACTO</a></li><div class="barra_abajo"></div>
</ol> 

Gracias.

[webosiris]

Iniciado por Joaca

pero quiero volverlo no cuando pase el mouse si no cuando se haga click.

para eso necesitas javascript (usando onclick), no css.

[Joaca]

Men voy a pasarlo al foro de java. Pero yo habia leido si no que no logro encontrar el ejemplo en el buscador bien que si se puede. De todos modos gracias.