편집 요약 없음 |
편집 요약 없음 |
||
38번째 줄: | 38번째 줄: | ||
$(this).prepend(numberLink); | $(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(' +'); // 각 소제목 옆에 + 표시 | |||
}); | }); | ||
}); | }); |