Mehr anzeigen Button

Hallo,

kenne mich in html überhaupt nicht aus und könnte eure Hilfe gebrauchen undzwar wollte ich in einem Bestell Formular mehre Produkte anbieten und je mit aufklappen und zuklappen versehen um eine Produktbeschreibung hinzuzufügen.

Hier ist der Code:

Zitat

<p><span id="an"
onclick="document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'"
style="cursor:pointer;">aufklappen</span> <span
id="zu" onclick="document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'"
style="display: none;cursor:pointer">zuklappen</span></p>

<div
id="text" style="display: none">DER TEXT</div>

Alles anzeigen

Auf jeden Fall habe ich nun immer bei der ID (document.getElementById(....) ) die ID immer umgeändert dieses Funktioniert soweit gut beim zuklappen habe ich dies auch gemacht. Der Fehler liegt nun darin das sich die Beschreibung bei Produkt 2 öffnet aber sich nicht mehr schließen lässt?. Außerdem ändert sich dann im Produkt 1 das aufklappen zum zuklappen
Irgendwie kommen sich die Scripte immer noch in die quere obwohl es sich um eine unterschiedliche ID handelt ?


Könnt ihr mir sagen wie es dort zu Problemen kommt und wie ich es beheben kann ?

Unter #3 "toggle visibility". [/quote]Erstmal danke für deine Mühe... habe es soweit angewendet und eingesetzt. Das Problem ist ich füge den Script so ein oder schreibe einen ähnlichen selbst aber beim speichern wird der verarbeitet und die hälfte verschwindet einfach der kürzt den html Code ab aber dabei löscht er die hälfte obwohl die Informationen wichtig sind Bei deinem Code löscht der den kompletten code beim abspeichern
Deswegen wollte ich auf den einen Code alles aufbauen weil dieser wenigstens funktioniert (mehr oder weniger) es besteht halt nur das Problem mit dem zuklappen

Bin die über den 1 und 1 Webseiten Builder am machen und habe momentan noch kein Domain für gekauft deswegen ist die Seite noch offline. Die kann man momentan nur sehen wenn man sich anmeldet über den Account
Aber ich kann nochmal meine Eingabe hier genauer beschreiben :

Zitat

<p><span id="an"
onclick="document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'"
style="cursor:pointer;">aufklappen</span> <span
id="zu" onclick="document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'"
style="display:
none;cursor:pointer">zuklappen</span></p>

<div
id="text" style="display: none">DER TEXT</div>

Alles anzeigen

Dieses habe ich beim ersten Produkt genommen -funktioniert

Beim 2 Produkt habe ich die ID so umgeändert:

Zitat

<p><span id="an"
onclick="document.getElementById('text2').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'"
style="cursor:pointer;">aufklappen</span> <span
id="zu" onclick="document.getElementById('text2').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'"
style="display:
none;cursor:pointer">zuklappen</span></p>

<div
id="text2" style="display: none">DER TEXT</div>

Alles anzeigen

Dort funktioniert das aufklappen aber das zuklappen gar nicht

Stimmt das denn so mit der ID Änderung ?

Dann mach doch mal ein Demo bei jsfiddle.net. Ich verstehe nämlich nicht so richtig, welche Problem Du hast. [/quote]https://jsfiddle.net/duo955dn/ so dort habe ich es... habe es gerade getestet es klappt dort auch nicht.

Habe gedacht ich hätte damals die 2 weggelassen und da hätte es auch nicht funktioniert.
Naja jetzt funktioniert es *erleichtert das war noch meine letztes Problem

Vielen danke für die mühe oftmals werden den Anfänger die weniger Ahnung von der Materie haben wenig bis gar nicht geholfen deswegen bin ich froh für deine Hilfe


Werde mich trotzdem mal auf webdeveloper.com umsehen vielleicht finde ich da was nützliches