Menü Öffnen & Schließen über die Taste menu - Jquery

Ich versuche zum erstellen einer slide-out-Menü, das öffnen schließt am gleichen tag. Ich habe etwas zusammen, aber, es zieht sich durch die ganze animation statt Pause nach dem öffnen.

HTML

<header>
    <nav>
        <ul class="slide-menu">
            <li class="menu-element"><a href="#" id="aboutopen">How tall?</a></li>
            <li class="menu-element"><a href="#book">Books</a></li>
            <li class="menu-element"><a href="weblink" target="_blank">Journal</a></li>
            <li class="menu-element"><a href="#" id="aboutcontact">Contact</a></li>
        </ul>
        <a id="puller" href="#">Menu</a>
    </nav>
</header>

Jquery

$(document).ready(function()
  {
   $("#puller").click(function(){
   $(".slide-menu").animate({
   marginLeft: '+=360px'
}, 500);
 });

 $("#puller").click(function(){
   $(".slide-menu").animate({
   marginLeft: '-=360px'
 }, 500);
 });


});

Kann mir jemand helfen mit diesem?

  • Links eine Antwort, wenn es funktioniert, bitte "akzeptieren" Sie. 🙂
InformationsquelleAutor user2674488 | 2013-11-13
Schreibe einen Kommentar