menu desplegable usando el método toggle()

by cristian_cena

HTML

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

CSS

.top ul{display:none;}

JavaScript

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