menu con subniveles

menu desplegable usando el método toggle()

by cristian_cena

HTML

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

<br/>
<p>
NOTA: añadir un enlace con la clase ".item" dentro de cada li (reemplazando al span) y añadir debajo el ul correspondiente.
</p>

CSS

.top ul{display:none;}
ul{margin:0 0 0 20px;}

JavaScript

$(function(){ //onready
    $('.item').toggle(
        function() {
        $(this).next().slideDown('fast');
        },
        function() {
        $(this).next().slideUp('fast');
        }
    );    
});