<details>과 <summary>을 사용하여 아코디언 기능을 구현합니다.

HTML :

<details>
  <summary>영카트 다국어는 어디?</summary>
  <p>영카트 다국어는 웹학교에서 제공하는 솔루션입니다.</p>
</details>

CSS : 

details {
  width: 300px;
  background-color: #f9f9f9;
  padding: 20px;
  border: 1px solid #ddd;
  font-size: 18px;
}

summary {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

details[open] summary {
  color: #2196F3;
}

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교