미디어위키:Common.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */

mw.hook('wikipage.content').add(function ($content) {

  $content.find('h3, h4').each(function () {
    const $heading = $(this);

    if ($heading.data('fold-ready')) return;
    $heading.data('fold-ready', true);

    const level = this.tagName.toLowerCase();

    // 아이콘 생성
    const $icon = $('<span class="mw-fold-icon">▾</span>');
    $heading.prepend($icon);

    // 본문 wrapper
    let $wrapper = $('<div class="mw-fold-content"></div>');
    let $next = $heading.next();

    while (
      $next.length &&
      !$next.is('h2') &&
      !($next.is('h3') && level === 'h3') &&
      !($next.is('h4') && level === 'h4')
    ) {
      let $current = $next;
      $next = $next.next();
      $wrapper.append($current);
    }

    if ($wrapper.children().length === 0) return;

    $heading.after($wrapper);

    // 기본 상태 (펼침)
    let collapsed = false;

    // 클릭 이벤트 (아이콘 + 제목)
    $heading.on('click', function () {
      collapsed = !collapsed;

      if (collapsed) {
        $icon.text('▸');
        $wrapper.slideUp(150);
        $heading.addClass('mw-fold-collapsed');
      } else {
        $icon.text('▾');
        $wrapper.slideDown(150);
        $heading.removeClass('mw-fold-collapsed');
      }
    });
  });
});