انتقل إلى محتوى الدرس

Native BS5 Accordion مكوّن الأكورديون الأصيل بـ BS5

ابنِ قوائم الأسئلة الشائعة ولوحات التصفية بمكوّن الأكورديون الأصيل في بوتستراب 5، وأتقن هيكله القياسي والفتح الحصري بسمة data-bs-parent ونمط البقاء مفتوحاً والأكورديون المدمج وإتاحة العربية.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في الإصدار الرابع القديم كان المطورون يضطرون إلى تركيب القوائم المطوية يدوياً بتكديس عناصر .card وروابط مبعثرة بلا أسهم اتجاه مدمجة. أما في Bootstrap 5 فقد أصبح .accordion مكوّناً أصيلاً مستقلاً بذاته يبني فوق محرك Collapse مع تصميم عصري موحد، وحلقات تركيز واضحة، وأيقونة سهم متجهية SVG تدور بسلاسة بمقدار 180 درجة فور فتح القسم.

يُعدّ الأكورديون الخيار القياسي لعرض صفحات الأسئلة الشائعة، وتفاصيل فصول الدورات التعليمية، وأقسام إعدادات الحساب على شاشات الهواتف دون إطالة التمرير العمودي.

الصف 2 صورة توضيحية
مخطط التشريح الهيكلي لمكوّن accordion الأصيل في بوتستراب 5 من الحاوية الأب حتى جسم الإجابة