تبديل القائمة مع jQuery

Question

لدي بعض HTML مثل ما يلي:

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

وأود ذلك، عند النقر فوق A Class "Toggle" سيتم تبديل UL. أنا لائقة إلى حد ما مع الاشياء المسج الأساسية، ولكن ليس لديها فكرة حقيقية حيث تبدأ مع هذا واحد! أي نهج بديلة تحقق نفس النتيجة سيكون موضع ترحيب أيضا.

Answer 1

مع هذه العلامة، هذا سيعمل:

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

Answer 2

تحقق من وظيفة تبديل مسج، http://docs.jquery.com/effects/toggle.