테이블 접기 펴기 문의 드립니당~~ ^^(자바스크립트)
본문
아래 스크립트를 이용해서 접기펴기를 이용하려고 하는데유..
여러개 사용하려고
여러개를 사용하려면..~ ID 만 바꾸면 되나유?
너무 어렵네요.
<!-- 접기 펴기 자바스크립트-->
<script type="text/javascript">
var elements = document.getElementsByTagName("div");
// 모든 영역 접기
for (var i = 0; i < elements.length; i++) {
if (elements[i].className == "elements") {
elements[i].style.display="none";
} else if (elements[i].className == "label") {
elements[i].onclick=switchDisplay;
}
}
// 상태에 따라 접거나 펼치기
function switchDisplay() {
var parent = this.parentNode;
var target = parent.getElementsByTagName("div")[1];
if (target.style.display == "none") {
target.style.display="block";
} else {
target.style.display="none";
}
return false;
}
</script>
</body>
<form>
<div>
<div id="section1" class="label" >
<p><button type="button" class="btn btn-primary" style="width:100%">차량예약하기</button></p>
</div>
<div id="section1b" class="elements">
<!-- 내용-->
</div>
</div>
<div>
답변 5
지금 스크립트로는 여러개를 사용하시려면 손봐야 할 부분이 너무 많을 것 같습니다.
접었다 펴는 관련 제이쿼리 코드들이 많으니 다른 스크립트를 검색해보시는걸 추천드립니다.
아이디가 중복되면 오동작이나 오류가 발생하기 때문에 아이디를 다르게해서 적용하시면 됩니다.
일단 하나만 완벽하게 만들면 여러개의 경우는 루프문이나 사용자함수를 이용하면 됩니다.
아이디 중복을 다르게요 하시면 됩니다
답변을 작성하시기 전에 로그인 해주세요.
