참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 기본 상태에서는 height를 0으로 설정 */
.mw-collapsible-content {
overflow: hidden;
max-height: 0; /* 기본 상태에서 높이를 0으로 설정 */
transition: max-height 0.5s ease-out; /* 애니메이션 효과 */
}
/* 펼쳐지면 적용되는 클래스 */
.mw-collapsible-expanded .mw-collapsible-content {
max-height: 500px; /* 충분히 큰 값을 설정하여 내용이 다 보이도록 */
}
.mw-collapsible {
cursor: pointer;
}