Wie kann ich eine Website mit Pfeiltasten haben, um verschiedene Bereiche innerhalb meiner Homepage zu öffnen

Question

Ich und mein Freund bei der Arbeit suchen, um eine Website für sein Kochgeschäft zu erstellen. Er hat einige Designs auf Papier zusammengestellt, die er für seine Seite haben möchte. Eine der Ideen ist seine Homepage, die 4 verschiedene Abschnitte übereinander haben wird, aber sie werden eine Pfeiltaste haben, die es ermöglicht, dass sich diese Sektion öffnet und schließt. (angehängtes Bild für visuell)

Ich habe Aufstellungsorte vorher entworfen, in denen Sie Textverknüpfungen haben, wenn sie angeklickt werden, bringen Sie Sie zu diesem Abschnitt auf der gleichen Seite aber nicht sicher, wie ich eine Dropdownfunktion als solches, wie innerhalb der Drop-Down wird er Text so ähnlich wie eine Schaltfläche lesen.

Wenn jemand könnte bitte beraten, wie ich etwas wie diese erstellt bekommen könnte, wie ich versucht habe auf Google suchen, aber nicht auf so etwas stoßen, würde jedes Beispiel oder Hilfe wirklich geschätzt werden.

Vielen Dank im Voraus,

design idea

Answer 1

Was Sie suchen, ist collapse-Lage ui für das Frontend. Technisch wird es für verschiedene Elemente wie Menüs und Registerkarten verwendet.

Im Allgemeinen heißt es Akkordeon, es gibt verschiedene fertige, die Sie verwenden können.

Dieses ist eine einfache HTML und Jquery Tutorial: Click Here

• http://www.snyderplace.com/demos/accordion.html
• https://jqueryui.com/accordion/

Wenn Sie Bootstrap verwenden, dann Bootstrap auch ähnliche Funktion hat.

Answer 2

Ich denke, dass Sie nach etwas suchen, was "Akkordeon" oder "zusammenklappbar" genannt wird, es gibt viele Beispiele, die Sie finden können. Der beste und einfachste Weg ist das Bootstrap, hier ist ein example