FAQ 주제에서 가능한 한 많은 질문이 보이도록 하여 사용자가 쉽게 탐색할 수 있도록 하고 싶습니다. 이를 위한 한 가지 방법은 답변의 텍스트를 숨기고 질문을 클릭하면 답변 텍스트가 표시되도록 하는 것입니다.
이것은 모바일 위키백과 인터페이스의 작동 방식과 유사합니다.
다음은 다른 예시입니다.
이를 위해 details 태그를 사용하는 방법이 있습니다.
그러나 제 지식으로는 details 헤더 텍스트에서 스타일링이 지원되지 않아 눈에 띄게 만드는 것이 어렵습니다.
제가 원하는 것은 질문을 제목으로 사용하고, 각 질문 아래에 있는 텍스트가 제목 텍스트를 클릭할 때 표시되도록 하는 것입니다.
이것이 쉽게 구현 가능한 것일까요? 참고로 저는 호스팅 플랜을 사용하고 있습니다.
이전에 마크다운 대신 HTML을 사용하여 어느 정도 성공적으로 결과를 얻은 적이 있습니다. 다만, 줄바꿈 문제를 피하기 위해 <h3> 대신 <big> 태그를 사용하면서 더 큰 제목을 유지했습니다. 다음과 같은 형태입니다:
<hr>
<details>
<summary>
<big> 질문 </big>
<hr>
</summary>
이것은 답변입니다
<hr>
</details>
<details>
<summary>
<big> 질문 </big>
<hr>
</summary>
이것은 답변입니다
<hr>
</details>
<details>
<summary>
<big> 질문 </big>
<hr>
</summary>
이것은 답변입니다
<hr>
</details>
이것은 답변입니다
이것은 답변입니다
이것은 답변입니다
완벽하네요! 딱 필요한 것 같습니다. 감사합니다.