|
|
| 1번째 줄: |
1번째 줄: |
| /* 기본 상태에서는 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;
| |
| }
| |