사용자:LiteHell2/common.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
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.queySelector('.toctitle');
   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);
});