Was klappt denn jetzt nicht? Du bist schon so weit gekommen, willst du wirklich kurz vor Ende aufgeben?

Also diese ganzen englischsprachigen tollen Beispiele für die diversen tollen Responsive Menüs bekomme ich nicht eingebaut. Das liegt letztendlich daran, dass ich davon doch nicht genug verstehe.
Ist aber auch nicht so schlimm, weil mir die eigentlich oft eh zu komplex sind.

Am liebsten würde ich es einfach so regeln:
Einen "Container" (bei mir <nav>) per Klick ein- und ausblendbar machen.
Wenn ich das nur rein per CSS lösen möchte, habe ich doch immer das Problem, dass das nur mit Hover geht, aber nicht per Mausklick bzw. Finger-Tab.
Wenn ich dieses Ein- und Ausblenden per Mausklick realisieren möchte, muss ich ja Javascript anwenden.
Kann ich aber inzwischen durchaus mit leben :-)

Da ich Javascript aber nur für diese eine Sache brauche, würde ich das ungern mit so einem kompletten FGramework machen, sondern lieber mit einem kleinen feinen sauberen Script, dessen Aufgabe eben nur meine Mobile-Navi ist.

Und es soll natürlich auch so sein, dass bei deaktivierem Javascript die Navi ganz normal eingeblendet ist.

Bei meiner Lösung mit dem kleinen Script, welche ich weiter oben gepostet hatte, war z.B, das Problem:
* Ich öffne die Seite auf einen Tablet mit einem schmalen hochanten Viewport.
* Die Navi ist ausgeblendet und der Link ist zu sehen.
* Dann klick ich den Link und die Navi öffnet sich.
* Dann drehe ich das Tablet in die Waagerechte und ein anderer Viewport-Bereich kommt durch die Media Queries zum Einsatz.
* Und schwupop-di-wupp ist die Navi wieder weg und ich muss erst einen Reload machen, um sie wieder zu sehen.

Und weiter solcher Nebeneffekte sind aufgetreten.
Da ich das heute wirklich den ganzen Tag versucht habe, bin ich nun bereit aufzugeben.