menu de despliegue

[cristian_cena]

Adaptando al ejemplo anterior tendrías que:

Código HTML:

<ul>
    <li class="top">
        <a href="#" id="item">item 1</a>
        <ul id="cont">
            <li><span>item 1.1</span></li>
            <li><span>item 1.2</span></li>
        </ul>
    </li>
    <li><span>item 2</span></li>
</ul>
 

Código Javascript:

var item = document.getElementById("item");
var cont = document.getElementById("cont");
item.onclick = function(){
cont.style.display = (cont.style.display == 'none') ? 'block' : 'none';
}
 

Aunque perdes mucha potencia si lo haces "a pelo" salvo que estés dispuesto a escribir mucho :)