CSS와 HTML만 사용하여 클릭 시 Div를 표시하고 숨기려면 어떻게 해야 합니까?

CSS 및 HTML을 사용하여 클릭 시 Div 숨기기 표시

jQuery를 사용하지 않고도 jQuery Mobile과 유사한 축소 가능한 헤더를 얻을 수 있습니다. 다음은 이를 수행하는 방법을 보여주는 다섯 가지 예입니다.

1. 세부 및 요약 태그(순수 HTML)

HTML5의 세부 및 요약 태그 사용은 이 문제에 대한 간단한 솔루션을 제공하여 스타일 지정이나 스크립팅이 필요하지 않습니다.

 <summary>접기 1</summary><br> <p>콘텐츠 1...</p><br></details><br><details><br> <summary>접기 2</summary> <br> <p>콘텐츠 2...</p><br></details>

위 내용은 CSS와 HTML만 사용하여 클릭 시 Div를 표시하고 숨기려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.