토글 JS 코드
창고/기타 백업 2024. 8. 16.
출처
JavaScript 접기 펼치기 (샘플 코드)
HTML의 <div> 요소 등을 접기 펼치기 하는 기능을 구현하는 순수한 JavaScript(바닐라 JS)로 작성된 샘플 코드입니다.
joshua-dev-story.blogspot.com
코드
<script>
function openCloseToc() {
if(document.getElementById('toc-content').style.display === 'block') {
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
} else {
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
}
}
</script>사용법
버튼이 될 코드에 id="toc-toggle" onclick="openCloseToc()" 삽입
토글될 내용에 id="toc-content" 삽입
