공지사항 닫기 기능 구현하기

최근에 사이트 보면, 공지사항이 너무 많아 닫기 기능을 구현하는 경우가 많더라구요

그래서 구현 해봤습니다.

사용하시는 게시판 스킨 list.php 을 열어주세요 (해당 코드 적용 시 view.skin.php 파일은 자동 적용)

적당한 위치에 아래 코드를 넣습니다.

참고로 순정 기준 48번 라인에 작성 했습니다.

[code]

아래 코드 찾으셔서 li 코드만 넣어주세요

<ul class="btn_bo_user">

            <li><button type="button" class="btn_b01 btn notice_icon" title="공지 닫기"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only">공지 닫기</span></button></li>

[/code]

아래는 코드 첨부한 스샷이니 헤갈리지 않으실껍니다.

스크립트 부분에 아래 코드를 첨부 합니다.

[code]

  $(".bo_notice").hide();

        let notice_shown = localStorage.getItem('notice_shown');

        if (!notice_shown) {

            $(".bo_notice").show();

        }

        $(document).on("click", ".notice_icon", function() {

            let noticeKey = 'notice_shown';

            if (localStorage.getItem(noticeKey) !== 'true') {

                localStorage.setItem(noticeKey, 'true');

            } else {

                localStorage.removeItem(noticeKey);

            }

            $(".bo_notice").toggle();

        });

[/code]

마찬가지로 어딘지 모르실 것 같아서 위치도 포함합니다.

로컬 스토리지를 이용하기에 제거 하지 않는 이상은 계속 해서 공지 닫기가 설정 됩니다.

고맙습니다.