const footer = document.querySelector('#footer')
const main_div = document.querySelector('#footer_div')
const arrow_button = document.querySelector('#arrow_button')
const arrow_image = document.querySelector('#arrow_image')

const main = document.querySelector('main')
const mobile_menu = document.querySelector('#mobile_menu')

arrow_button.addEventListener('click', show_footer)

function show_footer() {
    if (arrow_image.src.includes('/public/img/icon/up_arrow.svg')) {
        mobile_menu.classList.remove('hidden')
        main.classList.add('max-sm:hidden')
        arrow_image.src = '/public/img/icon/down_arrow.svg'
        return
    }
    else if (arrow_image.src.includes('/public/img/icon/down_arrow.svg')) {
        mobile_menu.classList.add('hidden')
        main.classList.remove('max-sm:hidden')
        arrow_image.src = '/public/img/icon/up_arrow.svg'
        return
    }
}