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?
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

Opret Preview

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





Premium
Her er Microsofts planer med Windows for 2021: Pønser på fire nye versioner
Windows 10 vil udkomme i et væld af nye afskygninger i det kommende år. Få overblikket her.
Computerworld
Stein Bagger gør comeback i ny branche: "De lignede et mafiahold, førte sig frem som nyrige og plaprede løs om urealistiske drømme"
Stein Bagger har skiftet navn og fører sig nu frem i store biler i en helt ny branche, skriver en dansk avis.
CIO
Podcast: Her er seks gode råd om ledelse og digitalisering fra danske top-CIO'er
The Digital Edge: Vi har talt med 17 af Danmarks dygtigste digitale ledere - og samlet deres seks bedste råd om digitalisering og ledelse. Få alle rådene på 26 minutter i denne episode af podcasten The Digital Edge.
Job & Karriere
Se Waoos forklaring: Derfor har selskabet fyret topchef Jørgen Stensgaard med omgående virkning
Waaos bestyrelse opsiger fiberselskabets topchef, Jørgen Stensgaard, der fratræder med omgående virkning. Se hele forklaringen fra Waao her.
White paper
Sådan grundlægger du en datacenterstrategi
Covid-19 understregede behovet for at kunne administrere datacentret på afstand – og for at lade virksomhedens øvrige medarbejdere løse endnu flere opgaver hjemmefra. Det har givet en lang række erfaringer, som kan komme din organisation til gavn på jeres videre digitale rejse. Herunder om, hvordan man optimerer forbindelsen mellem applikationer og data – og om, hvordan man målrettet placerer specifikke workloads, hvor det giver den største forretningsmæssige værdi. Det kan du læse meget mere om i denne hvidbog.