Listeners y Referencias

[abimaelrc]

Tipo gracias Hasta ahora queda así, pero faltan unos golpes que no he recibido Claro otra forma de hacerlo es así como indicas de lo de asignar la clase, pero mientras, estoy experimentando

Código HTML:

<div id="menu">
    <ul class="navigation">
        <li style="border: 1px solid #eee;">
            <a href="#">Foo</a>
            <ul style="display: none;">
                <li style="border: 1px solid #eee;"><a href="#">fooFoo</a></li>
                <li style="border: 1px solid #eee;"><a href="#">fooBar</a></li>
                <li style="border: 1px solid #eee;"><a href="#">fooBaz</a></li>
            </ul>
        </li>
        <li style="border: 1px solid #eee;">
            <a href="#">Bar</a>
            <ul style="display: none;">
                <li style="border: 1px solid #eee;"><a href="#">barFoo</a></li>
                <li style="border: 1px solid #eee;"><a href="#">barBar</a></li>
                <li style="border: 1px solid #eee;"><a href="#">barBaz</a></li>
            </ul>
        </li>
        <li style="border: 1px solid #eee;">
            <a href="#">Baz</a>
            <ul style="display: none;">
                <li style="border: 1px solid #eee;"><a href="#">bazFoo</a></li>
                <li style="border: 1px solid #eee;"><a href="#">bazBar</a></li>
                <li style="border: 1px solid #eee;"><a href="#">bazBaz</a></li>
            </ul>
        </li>
        <li style="border: 1px solid #eee;">
            <a href="#">Candy</a>
            <ul style="display: none;">
                <li style="border: 1px solid #eee;"><a href="#">candyFoo</a></li>
                <li style="border: 1px solid #eee;"><a href="#">candyBar</a></li>
                <li style="border: 1px solid #eee;"><a href="#">candyBaz</a></li>
            </ul>
        </li>
        <li style="border: 1px solid #eee;"><a href="#">Fruits</a></li>
        <li style="border: 1px solid #eee;"><a href="#">Vegetable</a></li>
        <li style="border: 1px solid #eee;"><a href="#">twix</a></li>
        <li style="border: 1px solid #eee;"><a href="#">apple</a></li>
        <li style="border: 1px solid #eee;"><a href="#">fiber</a></li>
        <li style="border: 1px solid #eee;"><a href="#">ice cream</a></li>
        <li style="border: 1px solid #eee;"><a href="#">pizza</a></li>
    </ul>
</div>
<script type="text/javascript">
function addListener(element, type, expression, bubbling)
{
    bubbling = bubbling || false;
 
    if(window.addEventListener) { // Standard
        element.addEventListener(type, expression, bubbling);
        return true;
    } else if(window.attachEvent) { // IE
        element.attachEvent('on' + type, expression);
        return true;
    } else return false;
}
 
elem = document.getElementById('menu').firstChild;
while(true){
    switch(elem.nodeName){
        case 'UL':
            elem = elem.firstChild;
            break;
        case 'LI':
            addListener(elem, 'click', function(e){
                childElem = this.firstChild;
 
                var bool = true;
 
                while(true){
                    if(childElem.nodeName == 'UL'){
                        var event = e || window.event;
                        if(!event.target){ event.target = event.srcElement; }
                        if(this != event.target){
                            bool = false;
                        }
                        break;
                    }
                    childElem = childElem.nextSibling;
                    if(childElem == null){ break; }
                }
                if(bool && childElem != null){
                    if(childElem.style.display == 'block'){
                        childElem.style.display = 'none';
                    }else{
                        childElem.style.display = 'block';
                    }
                }
            });
            break;
    }
    elem = elem.nextSibling;
    if(elem == null){ break; }
}
</script>
 

Ahora me intriga eso de "esos breaks no estan en el Zend Coding Standard", ¿cuá sería el standard? Porque me dejaste