Mehrmals Text auf einer Seite aufklappen mit Java

Question

Hallo,

ich habe eine Seite in meinem Fragebogen auf welcher ich gerne mehrere Infoboxen platzieren würde, die man auf Mausklick ausklappen kann. Ich nutze dafür diese Java- Funktion, die bisher auch immer funktioniert hat:

<!-- Der JavaScript-Code -->
<script type="text/javascript">
<!--
var info = document.getElementById("infoBoxDan");
info.style.display = "none"; // Box ausblenden
info.style.position = "absolute";
info.style.zIndex = 999;
info.style.marginTop = "10px";
 
function buttonShow() {
  // Infobox anzeigen
  info.style.display = "";
}
function buttonHide() {
  // Infobox wieder ausblenden
  info.style.display = "none";
}
//-->
</script>

Mit mehreren Buttons und Infoboxen auf derselben Seite funktioniert der Code nun aber nicht mehr wie gehabt, sondern egal auf welchen Button man klickt öffnet bzw. schließt sich immer nur die letzte Infobox auf der Seite.
Haben Sie eine Idee woran dies liegen könnte? (Muss man den Buttons vielleicht unterschiedliche Namen geben und wenn ja, wie würde dies funktionieren)

Comments

Spricht document.getElementById("infoBoxDan"); auch immer die richtige ID an? Und sie brauchen unterschiedliche IDs pro Infobox.

---

Genau, die Infoboxen selbst haben immer unterschiedliche Namen, die zuvor so definiert sind:

<!-- Info-Box -->
<div id="infoBoxMor" style="width: 500px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">

(Dies sollte auch funktionieren, das die Infoboxen zuvor alle dieselben Namen hatten und dann konsistent - also auch ohne selbstständiges ausklappen - geöffnet waren. Dies habe ich aber inzwischen behoben und die Boxen sind zunächst alle geschlossen - nur lässt sich jetzt eben nur noch die letzte ausklappen.)

Answer 1

Bitte sehen Sie sich diese Funktion einmal an:
Textabschnitte dynamisch anzeigen (Akkordeon)

Falls Sie damit nicht zufrieden sind, müssten Sie bitte einen Pretest-Link direkt (!) zu der von Ihnen gebauten Seiten posten, damit wir einen Blick in die JavaScript Fehlerkonsole werfen können.

Kleinigkeit am Rande: Java und JavaScript sind vollkommen unterschiedliche Programmiersprachen. Hier geht es um JavaScript.

Comments

Danke für die Antwort und den Link!

Leider bin ich auf der Seite nicht fündig geworden, habe die Lösung dann aber auf dieser Seite: https://www.soscisurvey.de/help/doku.php/de:create:popup unter "Mehrere Infos auf einer Seite" gefunden.