Kjapp og trygg hosting for Wordpress

Responsiv meny

Jeg har en meny som ser slik ut i HTML. nav-trigger og nav-mobile er kun synlig når bredden er mindre enn 700px.

HTML:
<div id="menu">
<ul>
<li><a id="hjem2" href="#hjem">HJEM</a></li>
<li><a id="tjenester2" href="#tjenester">TJENESTER</a></li>
<li><a id="omoss2" href="#omoss">OM OSS</a></li>
<li><a id="kontaktoss2" href="#kontaktoss">KONTAKT OSS</a></li>
</ul>
</div>
<div id="nav-trigger">
<span><img id="navbutton" src="" alt="Meny" /></span>
</div>
<nav id="nav-mobile"></nav>

Dette er en nettside som kun går over en side, og har derfor litt jQuery til å slide ned på siden når man klikker på menyen.

HTML:
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top-105
        }, 1000);
        return false;
      }
    }
  });
});

Til slutt er det jQuery-koden som gjør at nav-mobile vises når man klikker på nav-trigger.

HTML:
$(document).ready(function(){
    $("#nav-mobile").html($("#menu").html());
    $("#nav-trigger span").click(function(){
        if ($("nav#nav-mobile ul").hasClass("expanded")) {
            $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
            $(this).removeClass("open");
        } else {
            $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
            $(this).addClass("open");
        }
    });
});

Problemet her er at når man bruker menyen på mobiltelefonen skrolles det ikke ned til menyvalget, det bare hoppes dit. Den havner heller ikke der den skal, fordi jeg i koden trekker fra 105px fordi jeg har en fixed meny øverst. Det jeg vil er egentlig at den øverste jQuery-koden også blir brukt når man bruker menyen på mobiltelefon. I tillegg vil jeg at menyen skal lukke seg etter at man har klikket på et menyvalg.

Er det noen som kan hjelpe meg med dette? Det er kanskje litt vanskelig forklart, så bare spør om det er noe dere lurer på. På forhånd takk!
 
Topp