채택완료

테이블 접기 펴기 문의 드립니당~~ ^^(자바스크립트)

2022-05-30 (월) 15:51:49 2,691

아래 스크립트를 이용해서 접기펴기를 이용하려고 하는데유..

여러개 사용하려고

여러개를 사용하려면..~ 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 (화) 09:07:57

아이디 중복을 다르게요 하시면 됩니다

2022-05-30 (월) 22:04:45

일단 하나만 완벽하게 만들면 여러개의 경우는 루프문이나 사용자함수를 이용하면 됩니다.

아이디가 중복되면 오동작이나 오류가 발생하기 때문에 아이디를 다르게해서 적용하시면 됩니다.

2022-05-30 (월) 17:01:13

지금 스크립트로는 여러개를 사용하시려면 손봐야 할 부분이 너무 많을 것 같습니다.

접었다 펴는 관련 제이쿼리 코드들이 많으니 다른 스크립트를 검색해보시는걸 추천드립니다.

답변을 작성하려면 로그인이 필요합니다.