테스트 사이트 - 개발 중인 베타 버전입니다

접기 펼치기 (클릭 시 유지방법) 채택완료

티틴 5년 전 조회 1,760

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/">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개

채택된 답변
+20 포인트
5년 전

간단하게 하시려면 localstorage 를 이용하시면 됩니다.

localstorage 의 접기, 펼침 상태를 저장했다가 로딩됬을때 저장된대로 처리하는거죠

물론 초기화 버튼같은걸 둬서 되돌리기도 되야 겠죠

 

접힌상태로 유지하려면 그거 그대로 쓰시면 되고

열린상태로 페이지를 열려면  detail 태그에 open="open" 을 주면 되겠네요

로그인 후 평가할 수 있습니다

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

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

로그인