Mehrfacher -mehr anzeigen- Button

html.de-Forum JavaScript
1

Hallo,

bin momentan eine Homepage über den 1 und 1 Website Builder am erstellen -soweit so gut läuft bis jetzt alles Prima.
Habe dort ein kleines Bestellformular erstellt, welches auch funktioniert.

Meine Frage nun:

Habe in dem Bestellformular eine Überschrift um welches Produkt es sich handelt und würde gerne da hinter eine Option machen mit mehr anzeigen und weniger einzeigen (sodass die Kunden eine genauere Beschreibung über das Produkt bekommen).

Soweit so gut habe mich im Internet informiert (bin Anfänger in html) und habe diesen code gefunden:

aufklappen zuklappen

DER TEXT

Dieser funktioniert auch, nur wenn ich ihn beim 2 Produkt einsetzte und dort meine Beschreibung eingebe und bei der Homepage vorschau auf dem 2 Produkt auf mehr anzeigen klicke kommt als der Beschreibungstext von dem 1 Produkt obwohl eigentlich die von dem 2 Produkt kommen müsste.

Habe mich im Internet weiter informiert und andere Codes gefunden diese funktionierten aber nicht, beim weiteren surfen habe ich entdeckt man müsste die ID ändern (ID1, ID2, ID3 …) nur ich weiß nicht wo ich in dem obengenannten Code die id finde.

Könnt ihr mir helfen, bin echt ratlos? und bitte nicht zu kompliziert bin echt Anfänger auf diesem Gebiet.

Danke schonmal :slight_smile:

2

Hier: document.getElementById(‚text‘)

3

oh vielen danke :slight_smile: klingt ja gar nicht so schwer werde es sofort ausprobieren :rolleyes:o_O

4

Soweit so gut, nur hab ich jetzt das Problem der öffnet jetzt die unterschiedlichsten Produktbeschreibung nur beim zuklappen gibt es Probleme beim 1 Produkt zeigt er das zuklappen an und beim 2,3, … ist es nicht mehr da.

Aber so stimmt das doch:

aufklappen zuklappen

DER TEXT

oder wo muss hier noch z.b. eine 8 hin damit es eine andere ID ist ?

Anzumerken ist noch das die einzelnen immernoch mit dem Produkt 1 in die quere kommen, wenn ich bei Produkt 2 auf aufklappen gehe kommt die Produktbeschreibung und bei Produkt1 wird das aufklappen zum zuklappen.

5

Keiner der helfen kann ?

6

Schon, aber wenn du lediglich nach copy&paste Scripts suchst, ohne Interesse an der Materie zu zeigen, hält sich die Hilfsbereitschaft in Grenzen.

Anyway, das wäre ein einfacher Ansatz:
[HTML]

Document h1 {cursor: pointer;} p {display: none;}

Chapter 1

Chapter 1 details

[/HTML]