Makeln Menü mit jQuery

Question

Ich habe einige HTML wie folgt bekommen:

<ul>
    <li><a href="#">Page 1</a></li>
    <li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
        <ul>
            <li><a href="#">Page 2-1</a></li>
            <li><a href="#">Page 2-2</a></li>
            <li><a href="#">Page 2-3</a></li>
            <li><a href="#">Page 2-4</a></li>
        </ul>
    </li>
    <li><a href="#">Page 3</a></li>
    <li><a href="#">Page 4</a></li>
    <li><a href="#">Page 5</a></li>
</ul>

Und wäre das, wie wenn das eine mit der Klasse ‚Toggle‘ der ul umgeschaltet wird angeklickt wird. Ich bin recht ordentlich mit grundlegenden jQuery Sachen, habe aber keine Ahnung, wo mit diesem starten! Alle mögliche alternative Ansätze, die das gleiche Ergebnis erzielen wäre zu begrüßen.

Answer 1

Mit diesem Markup, das funktionieren würde:

$('.toggle').click(function(){
    $(this).siblings('ul').toggle();
});

Answer 2

Überprüfen Sie die jQuery Toggle-Funktion aus,   http://docs.jquery.com/Effects/toggle