menù Commutazione con jQuery

Question

Ho un po 'HTML come il seguente:

<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>

E vorrebbe che quando l'una con l' 'ginocchiera' di classe si fa clic l'ul verrà attivato. Sono abbastanza decente con cose di base jQuery, ma non hanno alcuna reale idea di dove cominciare con questo! Eventuali approcci alternativi che consentano di raggiungere lo stesso risultato sarebbe il benvenuto troppo.

Answer 1

Con questo markup, questo dovrebbe funzionare:

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

Answer 2

Controlla la funzione di jQuery ginocchiera,   http://docs.jquery.com/Effects/toggle