IT

[HTML] 펼치기/접기 만들기

나의지식 2021. 4. 22. 22:05
<a href=#none id="show" onclick="if(hide.style.display=='none') {hide.style.display='';show.innerText='- 내용접기'} 
else {hide.style.display='none';show.innerText='+ 내용펼치기'}">+ 내용펼치기</a>

<div id="hide" style="display: none">
펼치기 눌렀을 때 출력할 내용 
</div>

2개 이상 펼치기/접기 메뉴를 쓰려고 하면 show와 hide부분의 이름을 모두 다른 이름으로 바꿔야 한다. show2, hide2.. 등등으로 다른 이름으로 써주면 된다.

반응형