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

الدعم
1

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

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

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

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

Screenshot 2023-07-24 at 8.34.54 pm
Screenshot 2023-07-24 at 8.34.54 pm1141×533 34.5 KB

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

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

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

2

لقد استخدمت 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

3

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