HTML Spoider oder sowas ähnliches

[Hellsing]

Hallo ich würde gerne wissen wie ich in html eine aus und einblendbare zeile erstelle zb
1 Klick auf Text: [Folge 1] dan solte es aufklappen so:


Zugeklapt:

[Folge 1]

____________________________________________________________

Aufgeklappt:

[Folge 1]

Video

________________________

Aber leider habe ich keine ahnung wie das heißt ...
Ich hoffe ihr könnt mich einigermasen verstehen !
Danke für jede Hilfe !! :mrgreen:

 

[Arcsinh]

Wahrscheinlich meinst du Spoiler.

Das kannst du nicht mit HTML machen, aber mit Javascript.

 

[Hellsing]

Danke hat mir auch teilweiße weiter geholfen habe nur das problem das ich ka hab wie ich das dan auf das video produzire und wie ich den text: "Das ist der text" (wenn er zu geklappt ist) verschwinden lasse, kannst du mir vll da auchnoch helfen ?,
Und wenns möglich ist wie ich es wieder einklappe per klick xD

 

[littleHtml Freak]

es geht auch mit css!
SELFHTML: Stylesheets / CSS-basierte Layouts / Navigationsleisten
wenn du das nen bissl modifizierst ;) bin mir aber nicht sicher ob du das auch "dazwsichenschieben" kannst... so wie es da ist wird es nur angezeigt wenn du die maus draufhältst und dann eben als dropdown

mit js geht das sicherlich mit innerHTML

function anders() {
document.getElementById("text").innerHTML = "Neuer Inhalt";
}

</script>

<div id="text" onclick="anders()">Der anfangs Text</div>

 

[Hellsing]

@littleHtml Freak Ich verstehe das nicht ganz sry kannst du mir vll das auch im quelltext der seite hier zeigen ?
Hellsing Funlist - Movies
Danke für deine Antwort :)

 

[Arcsinh]

Du kannst das Video bzw. den Container des Videos mit CSS standardmäßig auf display: none; stellen. Nachdem du dann einen Klick auf den Button verzeichnet hast, kannst du das Video mit [...].style.display = "block"; oder [...].style.display = ""; sichtbar machen.

 

[mermshaus]

Du kannst auch im Web nach „javascript aufklappen“ suchen. Das ist nicht gerade eine seltene Fragestellung. ;)

 

[Hellsing]

@mermshaus du hasst mir von allen antworten die beste gegeben hdl xD