공지사항 접기 기능을 만들어 봅시다.

팁과노하우

2025.02.07 10:26

공지사항 접기 기능을 만들어 봅시다.

미니님a미니홈 1:1 대화하기 오래 전 2025.02.07 10:26 인기
227

4

안녕하세요...

미니님a입니다.

공지사항이 너무 많거나 / 사용자 입장을 고려해 공지 사항 닫기(접기) 기능을 간단하게 구현할 수 있습니다.

별도로 스킨으로 올리지 않는 이유는 몇가지 코드만 추가 하면 되기 때문입니다.

기본의 경우 rb.basic_bbs/list.skin.php 파일을 열어 아래 코드를 찾아주세요

통합의 경우 rb.bbs/top/basic/skin.php 파일을 열어 동일하게 아래 코드를 찾아주시면 됩니다.


<ul class="rb_bbs_top">

그리고 그 바로 밑에 다음 코드를 추가 해주세요


<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>

잘 모르겠다? 하시면 아래 스샷 참고 하시면 됩니다.

그리고 조금만 내려 보시면 스크립트가 있는데 아래 코드를 찾아주세요

기본/통합 둘다 있는 코드입니다.


 $('#point_info_opens_btn').click(function(event) {
                        event.stopPropagation(); 
                        $('.point_info_opens').toggle();
                        $(this).toggleClass('act');
                    });

그리고 여기 밑에 아래 코드를 넣어주시면 됩니다.


     $("tr:has(.lb_ico_noti)").hide();
        let notice_shown = localStorage.getItem('notice_shown');
        if (!notice_shown) {
            $("tr:has(.lb_ico_noti)").show();
        }
 
        $(document).on("click", ".notice_icon", function() {
            let noticeKey = 'notice_shown';
            if (localStorage.getItem(noticeKey) !== 'true') {
                localStorage.setItem(noticeKey, 'true');
            } else {
                localStorage.removeItem(noticeKey);
            }
            $("tr:has(.lb_ico_noti)").toggle();
        });

마찬가지로 스샷 참고 하시면 됩니다.