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?