접기 펼치기 (클릭 시 유지방법)
본문
https://inasie.github.io/it%EC%9D%BC%EB%B0%98/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-expander-control/
접기 펼치기를 이용하고자 하는데,
새로고침 혹은 페이지 이동 시 계속 접기상태 혹은 펼쳐진 상태가 되거든요.
이걸 캐시를 이용한다던가... ip를 이용한다던가 해서 접기 혹은 펼치기 상태가 유지되도록 하는 방법이 없을까요?
답변 1
간단하게 하시려면 localstorage 를 이용하시면 됩니다.
localstorage 의 접기, 펼침 상태를 저장했다가 로딩됬을때 저장된대로 처리하는거죠
물론 초기화 버튼같은걸 둬서 되돌리기도 되야 겠죠
접힌상태로 유지하려면 그거 그대로 쓰시면 되고
열린상태로 페이지를 열려면 detail 태그에 open="open" 을 주면 되겠네요
답변을 작성하시기 전에 로그인 해주세요.