<script>
//10
//jquery 네비 버튼 클릭 시 모든 글씨를 빨간색으로 
$("#nav> ul> li > a").click(function(){
    $(".content-item-desc").css({"color":"red"});
})

//javascript 
// let navA = document.querySelectorAll("#nav> ul> li> a");
// let secttionP = document.querySelectorAll(".content-item-desc");
// navA.

//jquery a태그 선택[href= "#"]
// $("a[href^='#']").click(function(){
//     let target = $(this).attr("href");
//     // let offset = $(target).
//     $("html, body").animate({scrollTop: $(target).offset().top}, 600, "easeInOutExpo");
// })

//javascript a태그 선택[href= "#"]
document.querySelectorAll("a[href^='#']").forEach(elem =>{
    elem.addEventListener("click", element=>{
        element.preventDefault();
        document.querySelector(elem.getAttribute("href")).scrollIntoView({behavior:"smooth"});
    })
})

//09
$(window).scroll(function(){
    $(".reveal").each(function(){
        console.log(".reveal"+$(".reveal"));
        if($(window).scrollTop() + $(window).height()>$(this).offset().top){
            $(this).delay($(this).data("delay")).queue(function(){
                $(this).addClass("show");
            }) 
        }
    })
})
</script>