$(function(){
    let deviceType = '';
    $(window).on('resize', function(e) {
        const nowWidth = $(window).width()
        console.log(nowWidth)

        if(nowWidth >= 576 && deviceType !== "desktop") {
            deviceType = "desktop"
            $(".magazine-nav").removeClass('in-open').off('click')
        } else if(nowWidth < 576 && deviceType !== "mobile") {
            deviceType = "mobile"

            // $('.magazine-nav').click(function(e) {
            //     console.log('click')
            // })
            $(".magazine-nav").on('click', ".nav-button", function(e) {
                console.log('click')
                e.preventDefault()
                console.log(e)
                $(this).parent(".magazine-nav").toggleClass('in-open')
            })
        }
        console.log(deviceType)
    })

    $(window).trigger('resize')
})