|
|
| (같은 사용자의 중간 판 39개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| document.addEventListener('DOMContentLoaded', function () {
| |
| const collapsibles = document.querySelectorAll('.mw-collapsible');
| |
|
| |
|
| collapsibles.forEach(function(collapsible) {
| |
| const trigger = collapsible.querySelector('.mw-collapsible-toggle'); // 펼치기/접기 버튼
| |
| const content = collapsible.querySelector('.mw-collapsible-content'); // 펼쳐질 내용
| |
|
| |
| // 펼치기/접기 버튼 클릭 시
| |
| trigger.addEventListener('click', function() {
| |
| if (content.style.maxHeight) {
| |
| // 접기 상태일 때
| |
| content.style.maxHeight = null; // 접기
| |
| content.style.transform = "translateY(-20px)"; // 접을 때 위로 이동
| |
| } else {
| |
| // 펼치기 상태일 때
| |
| content.style.maxHeight = content.scrollHeight + "px"; // 실제 높이로 설정하여 펼치기
| |
| content.style.transform = "translateY(0)"; // 펼칠 때 원래 위치로 돌아옴
| |
| }
| |
| });
| |
| });
| |
| });
| |