"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني إنشاء divs قابلة للطي مع HTML النقي و CSS؟

كيف يمكنني إنشاء divs قابلة للطي مع HTML النقي و CSS؟

نشر في 2025-03-23
تصفح:492

How Can I Create Collapsible DIVs with Pure HTML and CSS?

divs قابلة للطي باستخدام html ، css

البحث عن طريقة لإنشاء عناصر div قابلة للانهيار وقابلة للطي دون أن تنطلق على jquery؟ غالبًا ما تنشأ هذه المشكلة في تصميم مواقع الويب المحمولة ، خاصةً عندما يكون الوصول إلى الخارج أمرًا بالغ الأهمية. باستخدام HTML و CSS النقي ، يكون تحقيق هذه الوظيفة أمرًا ممكنًا.

الحل:

الانهيار 1

المحتوى 1 ...

تفاصيل> الانهيار 2

المحتوى 2 ...

يستفيد هذا النهج من وظائف HTML5 الأصلية دون الحاجة إلى تصميم javaScript أو CSS إضافي. تمثل العلامة حاوية قابلة للطي ، بينما تحدد علامة

رأسها التفاعلي. النقر فوق العلامة يبطح رؤية المحتوى ضمن علامة .

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3