참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
$(document).ready(function() {
var counters = [0, 0, 0, 0, 0]; // h2~h6 카운터
var passedTOC = false;
$('h2, h3, h4, h5, h6').each(function() {
if (!passedTOC) {
if ($(this).prevAll('#toc').length > 0) {
passedTOC = true;
} else {
return;
}
}
var tagName = this.tagName.toLowerCase();
var level = parseInt(tagName.substring(1)) - 2; // h2 → 0, h3 → 1, etc.
counters[level]++;
for (var i = level + 1; i < counters.length; i++) {
counters[i] = 0; // 하위 레벨 초기화
}
var numbering = [];
for (var i = 0; i <= level; i++) {
if (counters[i] !== 0) {
numbering.push(counters[i]);
}
}
var numberLink = $('<a>')
.attr('href', '#toc')
.text(numbering.join('.') + '. ')
.addClass('mw-link') // 목차 파란색 링크
.css({
'text-decoration': 'none',
'margin-right': '5px'
});
$(this).prepend(numberLink);
});
});
$(document).ready(function() {
// 소제목 클릭 시
$('h2, h3, h4, h5, h6').click(function() {
// 클릭한 제목의 바로 아래 내용(주로 p, div 등)을 선택
var content = $(this).nextUntil('h2, h3, h4, h5, h6');
// 내용이 펼쳐져 있으면 접고, 접혀 있으면 펼침
content.slideToggle();
// 버튼 아이콘 변경 (열려 있으면 '-' 닫혀 있으면 '+')
if (content.is(':visible')) {
$(this).append(' -');
} else {
$(this).append(' +');
}
});
// 페이지 로딩 후 기본적으로 접어놓기
$('h2, h3, h4, h5, h6').each(function() {
var content = $(this).nextUntil('h2, h3, h4, h5, h6');
content.hide(); // 처음에는 다 접어둠
$(this).append(' +'); // 각 소제목 옆에 + 표시
});
});