Spoiler

Moin Leute,
ich bin leider noch Anfänger -.- und hätte mal ne frage zu einem Spoiler.
Undzwar habe ich das wie folgt gemacht:
Film Info

text </font size=3> </span style=„color:#696969“>

Ein Spoiler geht auch, aber wenn ich einen 2. einsetze gehen beide nicht mehr.
Wenn ich display auf Block stelle ist es immer da, also wo liegt der Fehler?
Vielen Dank im Voraus
LG Niklas333

Hast Du für den zweiten den identischen Code benutzt? Dann ist die Problemursache, dass Du den JavaScript-Code nicht angepasst hast. In diesem wird auf die ID „spoiler“ zugegriffen. Pro Spoiler müsstest Du diesen JavaScript-Code sowie die ID jeweils anpassen.

Beispiel:
[html]Film Info

text </font size=3> </span style=„color:#696969“>

Film Info

text </font size=3> </span style=„color:#696969“>
[/html]

Hinweis: Bitte verwende Code-Tags wenn Du Quellcode im Forum postest.

Moderation: Verschoben von HTML zu JavaScript.

Danke ! (Hand vor den Kopf hau )
Ja, ich bin ganz neu hier, bitte nicht meckern :slight_smile:

Also wenn ich jetzt den einen unteren öffne , öffnet sich der obere -.-
hab jetzt ein mal id=spoiler und eimal id=spoiler2 ( sorry hab keine Ahnung wie ich Codes, als Feld mache deswegen so :wink: )
Was ist jetzt falsch ?
Sorry bin halt anfänger

Hast Du auch das im onclick-Attribut entsprechend angepasst? Genau hingucken.

Wie muss ich das verändern ?

Schau mal genau hin:

[html][…]
[…][/html]

Für javascript empfehle ich den einsatz von jQuery wegen totaler Browserkompatibilität.
Lade dir bevor du den Quelltext unten einbaust, auf jeden Fall die Compressed Version von jQuery, siehe jQuery: The Write Less, Do More, JavaScript Library und binde die Javascript-Datei ganz normal in deine HTML-Datei ein.
dann kannst du dir eine javascript-funktion schreiben:

funktion toggleSpoiler(s){ // s=spoilerId
    id="#spoiler"+s;
    if($(id).css("display")=="none"){
        $(id).fadeIn();
    }
    else if($(id).css("display")=="block"){
        $(id).fadeOut();
    }
}

Spoiler-Code: ACHTE GANZ GENAU AUF DIE ZAHL!!!
[html]
Spoiler

Spoilertext Spoilertext Spoilertext
Text Gext Text Spoiler
Spoilertext Spoilertext Spoilertext
Noch mehr Text Text Text Spoiler
Spoilertext Spoilertext Spoilertext
[/html]

CSS-Code:

.spoiler{
    display:hidden; /* Wichtig! */
    /* andere optionale Styleangaben für Spoiler */
}