접기/펼치기 태그 질문입니다. 정보
JavaScript 접기/펼치기 태그 질문입니다.본문
인터넷에서
<script type="text/javascript">
<!--예제
function controlbt() {
var obj_bt = document.getElementById('cbt'); //클릭 메뉴의 아이디
var obj = document.getElementById('box'); //펼쳐질 박스의 아이디
if(obj.style.display == 'none') { //닫혀 있다면
obj.style.display = ''; //펼쳐주고
obj_bt.innerText = '닫기'; //닫기 라고 표기하고
}
else { //열려 있다면
obj.style.display = 'none'; //닫아 주고
obj_bt.innerText = '펼치기'; //펼치기라고 표기 하고
}
}
//스크립트 끝-->
</script>
<div id="cbt" onClick="controlbt()" style="cursor: pointer">펼치기</div>
<div class="submenu" id="box">
지금은 펼친 상태 입니다.
</div>
이런 소스를 발견했는데 이게 원래부터 펼쳐져 있는 거더라구요.
전 네이버 요약글 처럼 처음에는 내용이 안보이고 펼치기<- 이 글만 보이다가
펼치기 누르면 내용이 다보이는 그런걸 하고 싶거든요 ㅠㅠ
어떻게 하면 되는지 도움 요청합니다~
추천
0
0
댓글 7개
<div class="submenu" id="box" stryle='display:none'>
로 수정하면 되지 않을까요?
로 수정하면 되지 않을까요?
아무 변화 없어요 ㅠㅠ
네 돼요! 감사합니다!!!
obj.style.display = 'block'; //펼쳐주고
요렇게 해줘야 되지 않나요?
요렇게 해줘야 되지 않나요?
이건 안되네요.. 그래도 답글 감사드려요!
<div class="submenu" id="box" style="display:none;">
이렇게 하시면 됩니다.
위에 스페링이 틀린것 같아서요..
이렇게 하시면 됩니다.
위에 스페링이 틀린것 같아서요..
제대로 보지도 않고 붙여넣기 했네요 ㅋㅋㅋㅋㅋ 감사해요! 잘 돼요!!!
