[WEB] 티스토리 블로그 사이드바 감추기

사유 : 사이드바에서 스크롤이 발생한다는게 마음에 들지 않았음

 

 

1. 스킨 편집 진입

 

 

2. html 수정하기

<s_sidebar_element>
	<div class="widget category text-center" onclick="toggleCategory()">카테고리 보기</div> 
	<div id="category" class="widget category" style="display:none;"> <!-- Category -->
		
 분류 전체보기 (189) 
  
 공지 (0) 
 알고리즘 공부 (3) 
 WEB 공부 (15) 
 알고리즘 문제 풀이 (118) 
  
 BOJ 플래 이상 (2) 
 BOJ 골드 (90) 
 BOJ 실버 (17) 
 SWEA (9) 


 토이프로젝트 (16) 
 기타 (22) 
 취미 (13) 
  
 게임 (12) 
 만화 (0) 
 여행 (1) 






	</div>
</s_sidebar_element>

• 버튼 역할이 되어줄 div를 추가하고, onclick에 toggleCategory란 함수 작성
• 카테고리를 찾기 위해 id="category" 추가
• 카테고리에 style="display:none;"을 추가해, 보이지 않는 설정이 default가 되도록 함

 

 

3. toggle 함수 작성

 

<script>
	function toggleCategory(){
		var cat = document.getElementById("category");
		console.log(cat);
    if(cat.style.display=='none'){
        cat.style.display = 'block';
    }else{
        cat.style.display = 'none';
    }
	} 	
</script>

• 위치는 상관 없지만, 보통 head 안 혹은 맨 아래에 작성
• none이면 block으로, block이면 none으로 바꿔주는 역할

 

 

4. 결과