Hallo zusammen,
ich bin gerade dabei unsere Homepage für Viewports mit Breakpoints umzusetzen. Die horizontale Navigation für die größeren Breiten ist im Prinzip sogut wie fertig. Aber für Geräte mit einer Seitenbreite von 767 Pixel und schmäler habe ich noch ein Problem, welches ich bislang noch nicht lösen konnte.
Die Navigation wird als vertikale Navigation über ein Icon ein- und ausgeblendet, was bereits schon mal funktioniert. Jetzt möchte ich gerne, dass per Mausklick die Menüpunkte der Untermenüs einzeln ein- und ausgeblendet werden können. Bei meinen Recherchen dazu habe ich nur eine Methode dafür finden können und zwar mit "target". All diese Anleitungen setzen voraus, dass die Webseite mit den Untermenüs doppelt vorgehalten wird mit unterschiedlichen ID's. Gibt es eine Möglichkeit dies auch ohne doppelter Webseite umzusetzen?
Ein gutes Beispiel wie ich es gerne in etwa hätte ist unter der Adresse https://www.mv-stoettwang.de/ zu finden.
Die betreffende Webseite ist unter https://sub.musikverein-hirschzell.de/ zu finden. Auf der Webseite ist das Problem bei einer Seitenbreite von 767 Pixel zu sehen. Momentan ist nur die Startseite auf die verschiedenen Breakpoints angepasst und auch noch nicht ganz fertig. Zudem ist es lediglich eine Testumgebung und nicht unser Produktiv-System.
Wer kann mir bitte gute Tipps oder eine Anleitung nennen mit denen man die Funktion zum ein- und ausblenden für Unterseiten umsetzen kann, ohne daa man die betreffenden Webseiten doppelt vorhalten muss.
Danke!
Gruß
Thomas