Component - Txai-HvA/BlokTech GitHub Wiki

Voor de filter feature heb ik een toggle functie gemaakt in Javascript, die het filter menu toont/verbergt. In deze animatie komt het filter menu van rechts naar links het beeld in.

let filterButton = document.querySelector('#filterButton')
let filterMenu = document.querySelector('#filterMenu')

// // Shows/Hides Filter menu
filterButton.addEventListener('click', () => {
    if (filterMenu.classList.contains('showFilterMenu')) {
        filterMenu.classList.remove('showFilterMenu')
    } else {
        filterMenu.classList.add('showFilterMenu')
    }
    filterMenu.scrollIntoView({ behavior: 'smooth' })
})

Hoe het eruit ziet: