javascript div 보이기 숨기기 질문입니다. 채택완료

Chriskim0907

5년 전 조회 5,254

</script>

toggle 속성을 게시판 검색버튼과 연동해서 검색버튼을 클릭했을경우만 게시판리스트가 나오도록하고싶은데. 검색버튼을 누르니 페이지가 새로고침되면서 리스트가 잠깐보였다 다시 block 상태로 되네요.

유지방법없을까요?

#javascript #보이기 #jquery

답변 4개

정렬:

채택된 답변

+20 포인트

취미생활

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

Copy

<button id="toggle">toggle</button>
    <div id="bo_list" style="display:block">bo_list</div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#toggle').click(function() {
                
                if ($("#bo_list").css("display") == "none") {
                    $('#bo_list').css("display", "block");
                    localStorage.setItem("bo_list", "block");
                }
                else{
                    $('#bo_list').css("display", "none");
                    localStorage.setItem("bo_list", "none");
                }                
                console.log("set: " + $('#bo_list').css("display"));
                

            });
            var display = localStorage.getItem('bo_list');
            ($("#bo_list").css("display", display));
             console.log("get: " + display);
        });
    </script>

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

답변에 대한 댓글 3개

Chriskim0907

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

감사합니다 한번에 해결됬습니다 ^^

Chriskim0907

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

혹시 여기에 페이지가 빠져나가면 초기화 어떻게하나요? 다른메뉴갔다와도 열린상태가 유지되네요 ;; ㅎㅎ;;

Chriskim0907

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

요렇게 수정해서 해결했습니다 ^^ 너무너무 감사합니다.

<script type="text/javascript">
$(document).ready(function() {
$('#toggle').click(function() {
if ($("#bo_list").css("display") == "block") {
$('#bo_list').css("display", "block");
localStorage.setItem("bo_list", "block");
}
else{
$('#bo_list').css("display", "block");
localStorage.setItem("bo_list", "block");

}

});
var display = localStorage.getItem('bo_list');
($("#bo_list").css("display", display));
console.log("get: " + display);
localStorage.clear('bo_list');

});

</script>