# 제목 아래 텍스트 자동 숨기기

**URL:** https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624
**Category:** Support
**Created:** [7월 24, 2023, 10:38오전 UTC](https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624 "2023-07-24T10:38:20Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![aidanheerdegen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aidanheerdegen/32/277061_2.png) [@aidanheerdegen](https://meta.discourse.org/u/aidanheerdegen)
#### Post date: [7월 24, 2023, 10:38오전 UTC](https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624/1 "2023-07-24T10:38:20Z")

</div>

FAQ 주제에서 가능한 한 많은 질문이 보이도록 하여 사용자가 쉽게 탐색할 수 있도록 하고 싶습니다. 이를 위한 한 가지 방법은 답변의 텍스트를 숨기고 질문을 클릭하면 답변 텍스트가 표시되도록 하는 것입니다.

이것은 모바일 위키백과 인터페이스의 작동 방식과 유사합니다.

다음은 다른 예시입니다.

> **[FAQs | Free Spirit](https://www.freespirittravelinsurance.com/help/faqs/)**
>
> Who are Free Spirit Travel Insurance? Read the commonly asked questions to give you an insight into Free Spirit and the cover available.

> **[How can we help? | UCAS](https://www.ucas.com/search/frequently-asked-questions/undergraduate)**

이를 위해 `details` 태그를 사용하는 방법이 있습니다.

 ![Screenshot 2023-07-24 at 8.34.54 pm](https://global.discourse-cdn.com/meta/original/4X/9/c/d/9cda4b56b2741fca39f3f55f1337f82c75f9a17e.png)

그러나 제 지식으로는 `details` 헤더 텍스트에서 스타일링이 지원되지 않아 눈에 띄게 만드는 것이 어렵습니다.

제가 원하는 것은 질문을 제목으로 사용하고, 각 질문 아래에 있는 텍스트가 제목 텍스트를 클릭할 때 표시되도록 하는 것입니다.

이것이 쉽게 구현 가능한 것일까요? 참고로 저는 호스팅 플랜을 사용하고 있습니다.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [7월 24, 2023, 10:57오전 UTC](https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624/2 "2023-07-24T10:57:58Z")

</div>

이전에 마크다운 대신 HTML을 사용하여 어느 정도 성공적으로 결과를 얻은 적이 있습니다. 다만, 줄바꿈 문제를 피하기 위해 `<h3>` 대신 `<big>` 태그를 사용하면서 더 큰 제목을 유지했습니다. 다음과 같은 형태입니다:

```plaintext
<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>

```

* * *

> **질문**
>
> 이것은 답변입니다
> 
> * * *

> **질문**
>
> 이것은 답변입니다
> 
> * * *

> **질문**
>
> 이것은 답변입니다
> 
> * * *

---

<div class="post-metadata">

### Author: ![aidanheerdegen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aidanheerdegen/32/277061_2.png) [@aidanheerdegen](https://meta.discourse.org/u/aidanheerdegen)
#### Post date: [7월 24, 2023, 11:18오후 UTC](https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624/3 "2023-07-24T23:18:31Z")

</div>

완벽하네요! 딱 필요한 것 같습니다. 감사합니다.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [8월 23, 2023, 11:18오후 UTC](https://meta.discourse.org/t/auto-hide-text-under-heading-titles/272624/4 "2023-08-23T23:18:53Z")

</div>

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