편집 요약 없음 |
편집 요약 없음 |
||
5번째 줄: | 5번째 줄: | ||
var fixedToc = document.querySelector("#fixed-toc"); | var fixedToc = document.querySelector("#fixed-toc"); | ||
var oldToggle = fixedToc.querySelector(".toctoggle"); | var oldToggle = fixedToc.querySelector(".toctoggle"); | ||
var tocTitle = fixedToc. | var tocTitle = fixedToc.querySelector('.toctitle'); | ||
// 요소 생성 | // 요소 생성 |
2015년 12월 25일 (금) 13:58 판
/ * 목차 숨기기 화살표 버튼으로 */
var showTocButton = document.querySelector('button.btn:nth-child(9)');
showTocButton.addEventListener("click", function(){
// 요소 선택
var fixedToc = document.querySelector("#fixed-toc");
var oldToggle = fixedToc.querySelector(".toctoggle");
var tocTitle = fixedToc.querySelector('.toctitle');
// 요소 생성
var newToggle = document.createElement("a");
newToggle.className = "new-toctoggle";
newToggle.innerHTML = '<span class="fa-chevron-left fa">';
newToggle.addEventListener('click', function() {
$(window.damezuma.doc).remove();
window.damezuma.doc = null;
});
// 기존 링크 제거 및 요소 추가
tocTitle.insertBefore(tocTitle.querySelector('h2'), newToggle);
tocTitle.removeChild(oldToggle);
});