Html code Einklappen und Ausklappen Hilfe?

Guten Tag,

Ich suche einen Html code mit dem ich einen Text ausklappen kann und wieder einklappen.

Z.b muss man auf einen Text klicken um mehr Inhalte zu sehn so was mein ich.

Danke schonmal :)

Lg Nounderstand

Answer 1

[Weykna]

Moin, nur mit HTML ist dies leider nicht möglich (bei HTML 5 weiß ich leider nicht). Allerdings ist es mit Javascript schnell gemacht

Einfach einen Link erstellen mit den Javascript Code:

MeinZuVersteckendesDiv.style.display: none;

Bzw um es wieder sichtbar zu machen:
MeinZuVersteckendesDiv.style.display: block;

Logischerweise muss dem Div dann auch die dementsprechende ID gegeben werden.

Mit einer Abfrage ob die momentane Anzeigeart = block oder display ist, kannst du mit einem simplen if auch zwischen block und none togglen ohne 2 seperate Knöpfe zu brauchen.

Comments

[verreisterNutzer]

Ein Accordion lässt sich viel einfacher ohne JavaScript -  nur mit CSS - erstellen, siehe: https://codepen.io/anzjoy/pen/bahAv

[kuechentiger]

display ist css. Dafür brauchte man noch nie Javascript und auch kein html5

[Weykna]

aber zum benutzen wechseln braucht man JavaScript. Und ich meinte ja, dass ich mir nicht sicher bin ob es inzwischen etwas bei HTML gibt, da ich da nicht auf dem neuesten bin

Answer 2

[Schwimmakademie]

Hallo,

beschäftige dich mal mit der visible Eigenschaft von Boxen. Die Steurungsmöglichkeiten sind da sehr vielvältig.

LG

Answer 3

[abbrechen]

<details>Text</details>

https://www.w3schools.com/tags/tag_details.asp

Comments

[AlexXxej]

LOL
HTML5 du geile sau!

Answer 4

[mastema666]

Wenn du wirklich nur HTML / CSS benutzen willst, dann findest du hier verschiedene Möglichkeiten das zu realisieren: https://stackoverflow.com/questions/19170781/show-hide-divs-on-click-in-html-and-css-without-jquery

Ich würde aber wohl eine Lösung mit jQuery bevorzugen, ist imho einfacher, komfortabler und flexibler, Grundlagen siehe z.B.: https://www.w3schools.com/jquery/jquery_hide_show.asp