w3.css 아코디언 아코디언은 HTML 콘텐츠를 표시하고 숨기는 데 사용된다. 아코디언 내용을 숨기려면 w3-hide 클래스를 사용하자. 모든 종류의 버튼을 사용하여 콘텐츠를 열고 닫는다. 예제 <button onclick=”myFunction(‘Demo1’)” class=”w3-button w3-block w3-left-align”> Open Section 1</button> <div id=”Demo1″ class=”w3-container w3-hide”> <p>Some text..</p> </div> <script> function myFunction(id) { var x = document.getElementById(id); if (x.className.indexOf(“w3-show”) == -1) { x.className += ” w3-show”; } else { x.className = x.className.replace(” w3-show”, “”); } } </script> 아코디언과 드롭다운 이 표는 아코디언과 드롭다운의 차이점을 보여준다. 아코디언 드롭다운 콘텐츠가 페이지 콘텐츠를 아래로…