Hoffentlich kann mir hier jemand weitergelfen. Ich möchte ein ausfahrbares Seitenmenue mit einem Hamburger-Button (Font Awesome) konstruieren.
Im unteren Bild sieht man meinen momentanen Stand, ich möchte aber, das von seitlich rechts das Menue hineinschwebt.
Zur Zeit habe ich folgendes:
<nav role="main-navigation" aria-label="site" id="main-navigate" class="main-navi">
<button aria-expanded="undefined"></button>
<ul id="navlinks">
<li class="sub-menue">
<a class="a-link" href="/test/public/Testseite2-2.html">Blog Max Mustermann</a>
<button aria-expanded="undefined"></button>
<div class="nav-group">
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 1-A</a>
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 1-B</a>
</div>
</li>
<li class="sub-menue">
<a class="a-link" href="/test/public/Testseite2-2.html">Blog Erika Mustermann</a>
<button aria-expanded="undefined"></button>
<div class="nav-group">
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-A</a>
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-B</a>
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-C</a>
</div>
</li>
<li class="sub-menue">
<a class="a-link" href="/test/public/Testseite2-2.html">Website Erika Mustermann</a>
<button aria-expanded="undefined"></button>
<div class="nav-group">
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 3-A</a>
</div>
</li>
<li class="sub-menue">
<a class="a-link" href="/test/public/Testseite2-2.html">Impressum / Datenschutz</a>
<button aria-expanded="undefined"></button>
<div class="nav-group">
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 4-A</a>
<a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 4-B</a>
</div>
</li>
</ul>
</nav>
Da mein Post zu lang wird hier ein Downloadlink des JS, CSS & HTML http://misanthrop.bplaced.net/downloads/seitliches_menue.txt
Könnte bitte jemand mir dabei helfen dies zu entwickeln? Ein rudimentäres Codepen Beispiel würde mir helfen.