카카오콘
687
2021-07-27 20:51:39
3
118

한 화면의 DIV 2개를 토글하며 보여줄때 가장 효율적인 방법?



안녕하세요.


A 레이아웃의 DIV 하나,

B 레이아웃의 DIV 하나


틀은 똑같으나 내용이 조금씩 다른 이런 DIV 2개가 있고,

버튼을 통해 A / B DIV를 보고싶어! 라고 만든다면


JS단의 코드를 획기적으로 줄일만한 방법을 찾고 있습니다.


지금은 

보고싶은 쪽의 레이아웃 버튼을 클릭시 

보고싶은쪽을 div.show() / 반대쪽을 div.hide() 하면서

숨긴쪽에 있는 DIV 내부의 form이나 input등의 값등은 초기화 시키거나 비활성화 시키는 방법으로

동작을 막고 있는데요.

이러다보니 JS단 코드가 점점 난잡해지고 있습니다.


이런 구조라면 어떤 방법이 제일 효율적인가요 ?

0
  • 답변 3

  • 타트
    428
    2021-07-27 21:05:41

    그냥 가장 큰 div를 display:none하면 되지 않을까요?

  • 카카오콘
    687
    2021-07-27 21:41:48

    타트 님// 본문에 적은것처럼 이미 hide() show() 를 이용중에 있습니다.

  • 타트
    428
    2021-07-28 11:55:04

    하이드 쇼 하는데 왜 자바스크립트가 난잡해지는지 이해가 잘 안됩니다 ㅠㅠ

  • 로그인을 하시면 답변을 등록할 수 있습니다.