[HTML] Mit klick auf Button mehrere anzeigen?

Wie kann ich mit dem klick auf einen Button mehrere andere Button anzeigen lassen?

Also so eine Art "Mehr Anzeigen"

Answer 1

[TeamStoffcouch]

Du kannst den Knopf mit einem onclick event versehen und damit eine funktion aufrufen

<button onclick="knopf()"> Mehr Anzeigen </button>

Nun kannst du da drunter ein div Element machen welches von anfang an unsichtbar ist

<div style="display: none" id="aufklappbar">
   <button> Button 1 </button>
   <button> Button 2 </button>
</div>

Jetzt einfach prüfen ob es unsichtbar ist und wenn ja soll es sichtbar gemacht werden. Wenn es bereits sichtbar ist soll es wieder unsichtbar werden

function knopf() {
  if (document.getElementById("aufklappbar").style.display == "none") {
    document.getElementById("aufklappbar").style.display = "block";
  } else {
    document.getElementById("aufklappbar").style.display = "none";
  }
}

Der script sollte ganz unten im Quelltext stehen

Answer 2

[NackterGerd]

Schau dir doch mal an wie man Navigation implementiert

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Dropdown-Men%C3%BC

Answer 3

[regex9]

HTML-Elemente kannst du mit der display-Eigenschaft ein- und ausblenden. Um auf den Klick auf einen Button reagieren zu können, musst du einen Listener an den Button hängen.

Comments

[Noxxxxxxxx]

Und wie funktioniert das jetzt?

[regex9]

@Noxxxxxxxx

Dazu habe ich doch die Antwort geschrieben? Hast du sie dir nicht durchgelesen? Das blau markierte Wort ist übrigens ein Link.