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