Copy
<script>function view() { if(hiddenTB.style.display=="none") { hiddenTB.style.display="block"; } else { hiddenTB.style.display="none"; }}</script> <input id="BT" type="button" value="열기닫기" onclick="view()"><div id="hiddenTB" style="display:none"> 내용</div>검색해서 요구 하는 스타일은 찾았는데
다수로 작동 하게 하려면 어떻게 하면 되나요 ??
2개 넣으니 작동 안되네요.
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2014-10-23 (목) 08:39:00
아래와 같이 처리하시면 될 듯 싶습니다.
<script>
function view(no) {
var thisdiv = document.getElementById("hiddenTB"+no);
if(thisdiv.style.display=="none") {
thisdiv.style.display="block";
}
else {
thisdiv.style.display="none";
}
}
</script>
<input id="BT1" type="button" value="열기닫기" onclick="view(1)">
<div id="hiddenTB1" style="display:none">
첫째 내용
</div>
<input id="BT2" type="button" value="열기닫기" onclick="view(2)">
<div id="hiddenTB2" style="display:none">
둘째 내용
</div>
답변에 대한 댓글 1개
2014-10-23 (목) 10:17:40
답변을 작성하려면 로그인이 필요합니다.
링크 1 열린 상태이고..
링크 2 클릭시 링크1은 자동으로 닫게 하려면 어떻게 하면 되나요??