다시질문드려요~~
본문
방금 문의드렸던 질문에서
devdev 님께서 소중한 답변달아주셨는데요..!적용해보니 제가 생각하는것과 약간다른방향이어서
다시한번 질문드릴게요..!
아래 소스를 적용시에 메뉴가 펴진상태에서 닫기버튼을 클릭하면 접혔다가
펼치기를 누르면 펴지는 방식인데요 !
조금전에 답변달아주셨던 내용대로 적용해보니 (지금은 펼친 상태 입니다. ) 이부분이 적용이안되는데요..!
닫기- 펼치기 <- 이부분이 이미지로 적용하면서 (지금은 펼친 상태입니다)내용부분을 출력하려면 어떻게 해야할까요..!
<script type="text/javascript">
function controlbt() {
var obj_bt = document.getElementById('mainmenu-top-1'); //클릭 메뉴의 아이디
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="mainmenu-top-1" onClick="controlbt()" style="cursor: pointer">닫기</div>
<div class="main-menu-sb" id="box" style="display:block;">
지금은 펼친 상태 입니다.
</div>
답변 1
<script>
function controlbt() {
var obj_bt = document.getElementById('mainmenu-top-1'); //클릭 메뉴의 아이디
var obj = document.getElementById('box'); //펼쳐질 박스의 아이디
if (obj.style.display == 'block') {
obj.style.display = 'none';
obj_bt.src = 'open.gif';
} else {
obj.style.display = 'block';
obj_bt.src = 'close.gif';
}
}
</script>
<img id="mainmenu-top-1" onclick="controlbt()" style="cursor: pointer" src="close.gif">
<div class="main-menu-sb" id="box" style="display:block;">
지금은 펼친 상태 입니다.
</div>
