메뉴에 페이드인 효과를 넣고 싶은데요.. 채택완료

</p>

<p>document.addEventListener("DOMContentLoaded", function() {

    const menu = document.getElementById("menu");

    

    // 쿠키를 사용하여 애니메이션 상태 확인

    function getCookie(name) {

        const value = `; ${document.cookie}`;

        const parts = value.split(`; ${name}=`);

        if (parts.length === 2) return parts.pop().split(';').shift();

    }

    

    function setCookie(name, value, days) {

        const date = new Date();

        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));

        const expires = `expires=${date.toUTCString()}`;

        document.cookie = `${name}=${value};${expires};path=/`;

    }

    

    // 애니메이션이 한 번도 실행되지 않았다면

    if (!getCookie('menuAnimationPlayed')) {

        // 초기 상태에서 메뉴 숨기기

        menu.classList.remove('show');

        

        setTimeout(function() {

            if (menu) {

                menu.classList.add("show");

            }

            // 쿠키를 사용해 애니메이션 실행 상태 저장 (7일 동안 유효)

            setCookie('menuAnimationPlayed', 'true', 7);

        }, 5000);

    } else {

        // 이미 애니메이션이 실행된 경우 즉시 보이기

        if (menu) {

            menu.classList.add("show");

        }

    }

});</p>

<p>