[구글 블로그]에서 펼치기/접기 기능 추가하는 방법
펼치기/접기(Show/Hide) 기능 추가
1. 대시보드 –> 꾸미기 –> HTML 편집 –> 스킨수정
Ctrl+F를 눌러 </head>를 찾고, </head> 윗줄에 아래의 소스 삽입
<script language='JavaScript' type='text/javascript'>
function layer_toggle(obj) {
if (obj.style.display=='none') obj.style.display = 'block';
else if (obj.style.display=='block') obj.style.display = 'none'; }
</script>
2. 글 작성시 HTML 편집에서 아래와 같이 사용
여러 개의 펼치기/접기를 이용할 땐 밑줄 친 A, B를 바꾸면서 추가해 줍니다.
<div id="A" style="display: block;">
<a onclick="layer_toggle(document.getElementById('A')); layer_toggle(document.getElementById('B')); return false;" href="#">접힌 상태</a>
</div>
<div id="B" style="display: none;">
<a onclick="layer_toggle(document.getElementById('A')); layer_toggle(document.getElementById('B')); return false;" href="#">펼친 상태</a>
펼친 후 보여질 내용을 적습니다.
</div>
예제
참고자료
http://blog.naver.com/dionly/120034759268
http://naaams.blogspot.com/2010/12/showhide.html
Share story
