아래 스크립트를 이용해서 접기펴기를 이용하려고 하는데유..
여러개 사용하려고
여러개를 사용하려면..~ ID 만 바꾸면 되나유?
너무 어렵네요.
Copy
<!-- 접기 펴기 자바스크립트-->
<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개
채택된 답변
+20 포인트
2022-05-31 (화) 19:50:06
범블비범블비
2022-05-31 (화) 09:07:57
아이디 중복을 다르게요 하시면 됩니다
2022-05-30 (월) 22:04:45
일단 하나만 완벽하게 만들면 여러개의 경우는 루프문이나 사용자함수를 이용하면 됩니다.
2022-05-30 (월) 17:03:39
아이디가 중복되면 오동작이나 오류가 발생하기 때문에 아이디를 다르게해서 적용하시면 됩니다.
내가누구야
2022-05-30 (월) 17:01:13
지금 스크립트로는 여러개를 사용하시려면 손봐야 할 부분이 너무 많을 것 같습니다.
접었다 펴는 관련 제이쿼리 코드들이 많으니 다른 스크립트를 검색해보시는걸 추천드립니다.
답변을 작성하려면 로그인이 필요합니다.