미디어위키:Common.js

/* ReferenceTooltip 스크립트 로드 */
mw.loader.load('//en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-referenceTooltips.js&action=raw&ctype=text/javascript');

document.addEventListener("DOMContentLoaded", function() {
    // 접기/펼치기 기능을 추가하는 함수
    function toggleFold(button) {
        var content = button.nextElementSibling; // 다음 형제 요소를 찾음
        if (content.style.display === 'none' || content.style.display === '') {
            content.style.display = 'block';
            button.innerHTML = '[ 접기 ]'; // 접기 상태 텍스트
        } else {
            content.style.display = 'none';
            button.innerHTML = '[ 펼치기 ]'; // 펼치기 상태 텍스트
        }
    }

    // 모든 'fold-toggle' 버튼에 클릭 이벤트 리스너 추가
    var toggleButtons = document.querySelectorAll('.fold-toggle');
    toggleButtons.forEach(function(button) {
        button.addEventListener('click', function() {
            toggleFold(button);
        });
    });

    // 모든 'foldable-header' 클릭 시 동작
    var foldableHeaders = document.querySelectorAll('.foldable-header');
    foldableHeaders.forEach(function(header) {
        header.addEventListener('click', function() {
            var content = this.nextElementSibling;
            if (content.style.display === 'none' || content.style.display === '') {
                content.style.display = 'block';
                this.innerHTML = '[ 접기 ] ' + this.innerHTML.replace('[ 펼치기 ]', ''); // 접기 상태 텍스트
            } else {
                content.style.display = 'none';
                this.innerHTML = '[ 펼치기 ] ' + this.innerHTML.replace('[ 접기 ]', ''); // 펼치기 상태 텍스트
            }
        });
    });
});
    // 접기/펼치기 기능 추가 - fold-toggle
    function toggleFold(button) {
        var table = button.closest('table'); // 버튼이 포함된 표
        var rows = table.querySelectorAll('.foldable-row'); // 'foldable-row' 클래스를 가진 모든 행
        var isVisible = rows[0].style.display !== 'none'; // 첫 번째 행이 보이는지 여부로 접기/펼치기 상태 확인

        // 모든 행의 display 속성을 토글
        rows.forEach(function(row) {
            row.style.display = isVisible ? 'none' : '';
        });

        // 버튼 텍스트 변경
        button.textContent = isVisible ? '[ 펼치기 ]' : '[ 접기 ]';
    }

    // 모든 'fold-toggle' 버튼에 클릭 이벤트 리스너 추가
    var toggleButtons = document.querySelectorAll('.fold-toggle');
    toggleButtons.forEach(function(button) {
        button.addEventListener('click', function() {
            toggleFold(button);
        });
    });
});