إخفاء النص تلقائيًا تحت عناوين الرؤوس

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

هذا مشابه للطريقة التي تعمل بها واجهة ويكيبيديا للجوال.

إليك بعض الأمثلة الأخرى:

إحدى الطرق لتحقيق ذلك هي استخدام details

ولكن على حد علمي، لا يتم دعم التنسيق في نص رأس details، لذلك من الصعب جعله بارزًا.

ما أود هو أن تكون الأسئلة كعناوين وأن يتم الكشف عن النص الموجود أسفل كل سؤال عند النقر على نص العنوان.

هل هذا شيء يمكن تحقيقه بسهولة؟ لاحظ أنني على خطة مستضافة.

لقد استخدمت HTML بدلاً من Markdown بنجاح من قبل، على الرغم من أنني استخدمت <big> بدلاً من <h3> لتجنب مشكلة السطر الجديد ولكن لا يزال لدي عناوين أكبر. شيء كهذا:

<hr>
<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer

<hr>
</details>

<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer 

<hr>
</details>

<details>
<summary>
<big> Question </big>
<hr>
</summary>

This is an answer

<hr>
</details>

Question

This is an answer


Question

This is an answer


Question

This is an answer


7 إعجابات

رائع! هذا يبدو مناسبًا تمامًا. شكراً لك.

3 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.