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. 🙂
Du musst angemeldet sein, um einen Kommentar abzugeben.
Mittels jQuery-toggle ist eine gute Idee. Sie können auch einfach behalten Sie den Zustand des Menüs zu slided schon draußen, oder nicht und ergreifen Sie Maßnahmen, wie diese
JQuery-Toggle, so gerne. Einfach.
$(document).ready(function(){}
?$.fn.jquery