تبديل القائمة مع jQuery
-
18-09-2019 - |
سؤال
لدي بعض 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. أنا لائقة إلى حد ما مع الاشياء المسج الأساسية، ولكن ليس لديها فكرة حقيقية حيث تبدأ مع هذا واحد! أي نهج بديلة تحقق نفس النتيجة سيكون موضع ترحيب أيضا.
المحلول
مع هذه العلامة، هذا سيعمل:
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
نصائح أخرى
تحقق من وظيفة تبديل مسج، http://docs.jquery.com/effects/toggle.
لا تنتمي إلى StackOverflow