아코디언 메뉴1 [HTML&CSS&JS] 자연스럽게 슬라이딩되는 아코디언 메뉴 HTML 섹션1 어쩌고 저쩌고... 섹션2 어쩌고 저쩌고... 섹션3 어쩌고 저쩌고... CSS /* 여닫는 버튼 */ .accordion { background-color: #eee; color: #444; /* 커서 모양 변경 */ cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; font-size: 15px; transition: 0.4s; } /* 클릭됐을 때 배경색 추가(js로 .active 클래스 추가), 호버했을 때 */ .active, .accordion:hover { background-color: #ccc; } /* 아코디언 패널(평소엔 숨겨져 있음) */ .panel { .. 2019. 10. 18. 이전 1 다음