편집토론문서 역사

미디어위키:Common.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
45번째 줄: 45번째 줄:




$(document).ready(function() {
    // 처음부터 전부 펼쳐진 상태로 시작
    $('h2, h3, h4, h5, h6').each(function() {
        var content = $(this).nextUntil('h2, h3, h4, h5, h6');
        content.show(); // 처음에는 다 펼쳐져 있음
    });


$(document).ready(function() {
     // 소제목 클릭 시
     // 소제목 클릭 시
     $('h2, h3, h4, h5, h6').click(function() {
     $('h2, h3, h4, h5, h6').click(function() {
53번째 줄: 57번째 줄:
         var content = $(this).nextUntil('h2, h3, h4, h5, h6');
         var content = $(this).nextUntil('h2, h3, h4, h5, h6');


         // 내용이 펼쳐져 있으면 접고, 접혀 있으면 펼침
         // 애니메이션 없이 즉시 펼쳐지거나 접힘
         content.slideToggle();
         content.toggle(); // 애니메이션 없이 바로 토글
       
 
         // 버튼 아이콘 변경 (열려 있으면 '-' 닫혀 있으면 '+')
         // 접힌 소제목의 투명도 낮추기
         if (content.is(':visible')) {
         if (content.is(':visible')) {
             $(this).append(' -');
             $(this).css('opacity', '1'); // 펼쳐졌을 때 불투명하게
         } else {
         } else {
             $(this).append(' +');
             $(this).css('opacity', '0.6'); // 접혔을 때 투명하게
         }
         }
     });
     });


     // 페이지 로딩 후 기본적으로 접어놓기
     // 클릭할 수 있도록 커서 스타일 변경
     $('h2, h3, h4, h5, h6').each(function() {
     $('h2, h3, h4, h5, h6').css('cursor', 'pointer');
        var content = $(this).nextUntil('h2, h3, h4, h5, h6');
        content.hide(); // 처음에는 다 접어둠
        $(this).append(' +'); // 각 소제목 옆에 + 표시
    });
});
});

2025년 4월 26일 (토) 22:14 기준 최신판