하단 사이드바 토글시키기

간단설명

1. 지난번에 사이드바를 하단으로 옮기는 방법을 알아보았는데 너무길고 지저분해서 감추어 놓았다가 토글버튼으로 나타나게 해본다

2.스크립트를 보면 .toggle_a와 .toggle_b가 보이는데 클래스를 toggle_a 로 준부분이 버튼부분이고 클래스를 .toggle_b로 준부분이 감춰 지거나 나타나는 부분이 된다

3.클래스 대신 #toggle_a이런식으로 아이디를 사용해도 된다

 

▶ 다음의 스크립트를 </head>바로위에 삽입한다

 

▶ 토글버튼 부분은 div를 추가하고 클래스를 toggle_a로 하고 감출 내용부분은 div로 감싼후 클래스를 toggle_b로 한다
▶ 하단 사이드바 옮기기에서 푸터 바로위에 추가한 사이드바 요소를 div로 감싸고 바로위에 버튼용 div를 만든다
▶ 하단 사이드바 부분의 <div class="row" style="border-top:1px solid #ccc"> 에서 style="border-top:1px solid #ccc은 삭제한다

 

 

다운로드

토글스크립트참조 : http://www.cmsfactory.net/node/10288
다운로드 : 토글.txt