레이어창 다수 작동 하게 하려면??
본문
<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
아래와 같이 처리하시면 될 듯 싶습니다.
<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 열린 상태이고..
링크 2 클릭시 링크1은 자동으로 닫게 하려면 어떻게 하면 되나요??
답변을 작성하시기 전에 로그인 해주세요.
