[티스토리 스킨] 카테고리 펼쳐보이기/원하는 카테고리만 펼쳐보이기/더보기 기능

카테고리가 많아짐에 따라 원하는 카테고리만 펼쳐보이게 하고 싶을때가 있습니다.
카테고리를 펼쳐보이고 접어보이고, 그리고 원하는 카테고리만 펼쳐보이는 방법을 알려드리겠습니다.
아래 설명에서 치환자부분의 () 는 모두 [] 임을 알아두세요.  파랑색으로 표시합니다.
코드 하이라이팅 으로 치환자부분이 그대로 보여지니 그대로 사용하시면 됩니다.

카테고리 펼쳐보이기

스킨편집에서 찾기를 선택해서 카테고리 치환자인 ##_category_## 를 찾습니다. 대략 아래처럼 되있을겁니다. class나 id 는 약간 다를수도 있지만 치환자인 ##_category_## 는 다 같습니다. 즉 ##_category_## 아니면 ##_category_list_## 이런식으로 나와있을겁니다. 
<div id="category" class="cloud">
	

  

    

  

    
    
      

        

          
분류 전체보기 (2059)


        

      

    		
  





  

    
    
      

        

          
티스토리 (148)


        

      

    		
  






  

    
    
      

        

          
티스토리스킨수정 (72)


        

      

    		
  






  

    
    
      

        

          
블로그 (145)


        

      

    		
  






  

    
    
      

        

          
Design (29)


        

      

    		
  






  

    
    
      

        

          
퍼블리셔 (350)


        

      

    		
  






  

    
    
      

        

          
컴퓨터 (937)


        

      

    		
  






  

    
    
      

        

          
일상 (378)


        

      

    		
  






  

    
    
      

        

          
비공개 (0)


        

      

    		
  





  



</div>

 여기서 아래와같이 변경합니다. 
<div id="category" class="cloud">
  

  

    

  

    
    
      

        

          
분류 전체보기 (2059)


        

      

    		
  





  

    
    
      

        

          
티스토리 (148)


        

      

    		
  






  

    
    
      

        

          
티스토리스킨수정 (72)


        

      

    		
  






  

    
    
      

        

          
블로그 (145)


        

      

    		
  






  

    
    
      

        

          
Design (29)


        

      

    		
  






  

    
    
      

        

          
퍼블리셔 (350)


        

      

    		
  






  

    
    
      

        

          
컴퓨터 (937)


        

      

    		
  






  

    
    
      

        

          
일상 (378)


        

      

    		
  






  

    
    
      

        

          
비공개 (0)


        

      

    		
  





  



  <script language="JavaScript">try{expandTree();}catch(e){}</script>
</div>

 빨강색 부분의 스크립트를 추가해주면 끝.

원하는 부분만 펼쳐보이기

카테고리가 많을 경우는 원하는 카테고만 펼쳐보이게 하고 싶죠.
우선 브라우져의 소스보기를 클릭합니다. 익스플로러의 경우 보기-소스 를 클릭하세요.
저의 경우 무설치프로그램 카테고리만 펼쳐보이게 하겠습니다.
찾기를 선택해서 toggleFolder 를 찾으세요. 처음부분말고 다음부분보면 class=click onclick="toggleFolder('195407')"  이런식으로 나올겁니다. 더 내려가면 찾는 부분 즉 무설치 프로그램이 보입니다.
저의 경우 무설치 프로그램에 해당하는 숫자는 195407 입니다.

이미지를 보면 이해가 가실겁니다.


즉 무설치 프로그램이 속해있는곳위에 toggleFolder 의 숫자를 찾아야합니다.
숫자를 포함한 소스를 카테고리 아래에 삽입합니다.
소스 완성작은 아래와 같습니다. 
<div id="category" class="cloud">
	

  

    

  

    
    
      

        

          
분류 전체보기 (2059)


        

      

    		
  





  

    
    
      

        

          
티스토리 (148)


        

      

    		
  






  

    
    
      

        

          
티스토리스킨수정 (72)


        

      

    		
  






  

    
    
      

        

          
블로그 (145)


        

      

    		
  






  

    
    
      

        

          
Design (29)


        

      

    		
  






  

    
    
      

        

          
퍼블리셔 (350)


        

      

    		
  






  

    
    
      

        

          
컴퓨터 (937)


        

      

    		
  






  

    
    
      

        

          
일상 (378)


        

      

    		
  






  

    
    
      

        

          
비공개 (0)


        

      

    		
  





  



<script languare="javascript">toggleFolder('195407');</script>
</div>

파일을 첨부했습니다. 내용은 같습니다.

원하는_카테고리만_펼치기.txt


펼쳐지기를 원하는 카테고리가 여러개의 경우 숫자 부분만 다시 추가해주면 됩니다.
<script languare="javascript">toggleFolder('숫자')('숫자');</script>
소스를 넣기전과 후를 이미지로 캡쳐했습니다. 더보기를 참고하세요.

카테고리를 접었다 펼쳤다하는 기능. more less 기능

카테고리나 다른부분에도 적용가능합니다. 일단 카테고리만 예로 들어보겠습니다. 접었다 펼쳤다하는 more less 소스는 아래와 같습니다. 
<div><ahref='javascript:void(0)'onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';)보여지는부분</a><div style='display:none'>내용이 들어가는부분</div>


카테고리를 포함한 예제 소스는 파일로 첨부합니다.


개    개