테스트 사이트 - 개발 중인 베타 버전입니다

접기/펼치기 태그 질문입니다.

· 13년 전 · 3081 · 7
인터넷에서
<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>
이런 소스를 발견했는데 이게 원래부터 펼쳐져 있는 거더라구요.
전 네이버 요약글 처럼 처음에는 내용이 안보이고 펼치기<- 이 글만 보이다가
펼치기 누르면 내용이 다보이는 그런걸 하고 싶거든요 ㅠㅠ
어떻게 하면 되는지 도움 요청합니다~

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 7개

13년 전
<div class="submenu" id="box" stryle='display:none'>
로 수정하면 되지 않을까요?
아무 변화 없어요 ㅠㅠ
네 돼요! 감사합니다!!!
13년 전
obj.style.display = 'block'; //펼쳐주고
요렇게 해줘야 되지 않나요?
이건 안되네요.. 그래도 답글 감사드려요!
13년 전
<div class="submenu" id="box" style="display:none;">
이렇게 하시면 됩니다.
위에 스페링이 틀린것 같아서요..
제대로 보지도 않고 붙여넣기 했네요 ㅋㅋㅋㅋㅋ 감사해요! 잘 돼요!!!

게시글 목록

번호 제목
12487
12486
380
12484
12483
376
12482
12481
12479
12478
12477
12476
12475
12474
12473
12472
12471
12470
12469
371
12468
12467
12466
12465
12464