Hola amigos, y gracias de antemano.
Este es mi mi código html
Código HTML:
<nav id="nav">
<ul class="menu">
<li><a href="#">Link uno</a></li>
<li><a href="#">Link dos</a></li>
<li><a href="#">Link tres drop</a>
<ul>
<li><a href="#">Link uno</a></li>
<li><a href="#">Link dos</a></li>
</ul>
</li>
<li><a href="#">Link cuatro</a></li>
<li><a href="#">Link Cinco con drop</a>
<ul>
<li><a href="#">Link uno</a></li>
<li><a href="#">Link dos</a></li>
</ul>
</li>
<li><a href="#">link uno</a></li>
</ul>
</nav>
Ya tengo un dropdown en Css con hover.
Lo que quiero es que los hijos se muestren cuando le den click al "li" que los contiene y que al estar uno abierto, si el usuario decide abrir otro, el ya abierto se cierre. Espero que entiendan. Saludos.