Antworten zum Thema „Text verändern bei Collapsibleje nach Zustand“

[lapje]

Hallo zusammen,

ich habe hier ein Script um auf einer Webseite zuätzliche Inhalte per auf- und zuklappen anbieten zu können. Das funktioniert wunderbar. Ich würde aber jetzt gerne je nach Zustand (offen oder geschlossen) einen anderen Text angeben. Hat jemand eine Ahnung wie ich das machen könnte?

Hier noch der JS-Code

<script>
$(function() {
$(".wrapper_zusatzinhalt").on("click",function(e){$(this).find('div.zusatzinhalt').slideToggle();
})
});
</script>

und das HTML

<div class="wrapper_zusatzinhalt">
 
    <h2>&#9660; Überschrift zum tippen &#9660;</h2>
 
    <div class="zusatzinhalt">
          <p>Darzustellender Text</p>
  </div>

</div>

Wäre toll wenn jemand eine Idee hätte...

Besten dank schon einmal...

Lapje

 

[Myhar]

Du verwendest jquery, also kannst du mit .html() den Inhalt anpassen. zB $(this).find("h2").html("Das ist mein alternativer Text");
Wenn du für jedes Element einen eigenen Alternativtext haben willst, dann kannst du den Text zB in einem data- Attribut speichern und diesen dann auslesen.

 

[lapje]

Mir geht es im Grunde nur darum, in der Überschrift einen Pfeil nach unten und dann nach oben zu machen - damit der Nutzer weiß, dass es zum aufklappen ist. Das Problem ist nur, dass ich mich mit JS 0 auskenne...

 

[Myhar]

Dann sag das doch gleich was du willst und lass mich hier nicht raten. grml. Dann löse das doch über ein toggleClass("arrowUp arrowDown") Eine Klasse davon vergibst du natürlich zu Beginn und dann hat dein Element entweder die eine oder die andere Klasse.
Wenn du dich 0 auskennst, dann lerne doch die Grundlagen? Ansonsten bin ich bereit, dir dein Problem auch gegen Bezahlung zu lösen, wenn du keinerlei Eigenleistung erbringen willst. Oder jemand postet den fertigen Code