Avatar billede Marc Liljeqvist Praktikant
23. september 2020 - 18:08

Jeg har problemer med en dropdown navbar

Jeg er ved at redigere en hjemmeside for en virksomhed, som gerne vil have et one-page layout. Redigeringen af koden er gået ok. Der er dog stadig mange steder der skal ryddes op, og jeg er heller ikke færdig med selve designet endnu.
Jeg har lagt den op som testside her: http://www.handig.dk/test/index.html

Mit største problem er navigationen.
Når jeg hover over "Menukort", så kommer dropdown menuen frem som den skal. Problemet er, at lige så snart jeg har klikket på et af de 3 links, så kan jeg ikke få dropdown menuen tilbage medmindre jeg laver et refresh af siden. Jeg har en teori om at dette skyldes one-page layoutet.

Et andet problem jeg har er mobil-navigationen. Hvis I ligger mærke til det, så vil den ikke lukke navbaren når jeg har trykket på et link. Den scroller fint ned til den sektion jeg henviser til i mit link, men den vil ikke lukke.
Jeg har forsøgt med

$('.nav-dropdown li a').on("click", function(){
$('#nav-toggle').slideUp();
});

men det fungerer ikke.
Jeg har flyttet koden over på Codepen så den er nemmere at gennemgå.
https://codepen.io/marc-liljeqvist/pen/vYGvQrp

Er der nogen forslag til hvordan jeg løser disse to problemer?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester