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

Exclusive Parent Collapse الفتح الحصري عبر data-bs-parent

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

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

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

السمة المسؤولة عن السلوك الكلاسيكي للأكورديون — حيث يؤدي فتح سؤال جديد إلى طيّ السؤال المفتوح سابقاً في اللحظة نفسها — هي data-bs-parent="#parentId" التي توضع على كل عنصر .accordion-collapse وتشير إلى معرّف الحاوية الأب .accordion.

عند نقر المستخدم على قسم جديد، يبحث محرك بوتستراب داخل الأب المحدد عن أي شقيق يحمل كلاس .show فيستدعي إغلاقه تلقائياً بالتزامن مع فتح القسم المطلوب.

الصف 2 صورة توضيحية
مخطط مقارنة الفتح الحصري بسمة data-bs-parent ونمط البقاء مفتوحاً ونمط accordion-flush المدمج
الصف 3 ملاحظة هامة