Ik ben al een uren aan het staren naar mijn javascript code maar ik krijg telkens hetzelfde probleem. Ik heb namelijk een navigatie bar die tevoorschijn komt als er op de drie streepjes wordt geklikt. Als ik dan op een link klik in de navigatie bar wordt ik er netjes heen gestuurd maar op de pagina komt de navigatie bar niet meer tevoorschijn als ik de site refresh doet hij het weer. Ik gebruik ook jQuery zou het hierdoor kunnen komen? Het volgende heb ik als javascript code:
console.clear();
const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');
const navLinks = document.querySelectorAll('.nav-links li');
burger.addEventListener('click', () => {
//de nav laten zien
nav.classList.toggle('nav-active');
//de links laten zien met animatie
navLinks.forEach((link, index) => {
if(link.style.animation){
link.style.animation = '';
}else{
link.style.animation = `navLinkFade 0.5s ease forwards ${index / 7 + 0.5}s`;
}
});
//burger animatie
burger.classList.toggle('toggle');
});
}
navSlide();
De class "burger" is het menu met de drie streepjes, de class "toggle" zorgt ervoor dat de burger gaat animeren, de class nav-links zijn alle links in de navigatie balk.
,groetjes Sem