Hallo zusammen,
ich sage gleich vorab, dass ich bisher mit Jquery nicht viel am Hut hatte und ein absoluter Anfänger bin.
Folgende Situation:
Ich habe eine Seite mit mehreren Elementen, welche die gleiche ID tragen
Wenn man auf "l-id" klickt, soll sich die "l-id-show" öffnen (steht vorher auf display:none) und wenn man dann auf "l-id-show" klickt, soll diese sich wieder schließen.
Das habe ich mit diesem Script soweit auch geschafft:
Das Problem ist nur (wie man bestimmt ahnt), dass diese Funktionsweise nur für den ersten "listbutton" Container funktioniert. Die anderen zeigen dann keine Reaktion. Ich weiß zwar dass man hier mit "this" das evtl. lösen könnte, meine Jquery-Kenntnisse reichen in dem Fall aber leider nicht aus.
Würde mich über eure Hilfe sehr freuen!
Grüße,
Joe
ich sage gleich vorab, dass ich bisher mit Jquery nicht viel am Hut hatte und ein absoluter Anfänger bin.
Folgende Situation:
Ich habe eine Seite mit mehreren Elementen, welche die gleiche ID tragen
HTML-Code:
<div class="listbutton"> <div id="l-id">l-id-show öffnen</div> <div id="l-id-show">ID 231312</div> </div> <div class="listbutton"> <div id="l-id">l-id-show öffnen</div> <div id="l-id-show">ID 5323</div> </div> <div class="listbutton"> <div id="l-id">l-id-show öffnen</div> <div id="l-id-show">ID 653</div> </div>
Wenn man auf "l-id" klickt, soll sich die "l-id-show" öffnen (steht vorher auf display:none) und wenn man dann auf "l-id-show" klickt, soll diese sich wieder schließen.
Das habe ich mit diesem Script soweit auch geschafft:
HTML-Code:
<script> // Symbole ein und ausblenden $('#l-id').click(function(){ $('#l-id-show').show();}) $('#l-id-show').click(function(){ $(this).hide(); }) </script>
Würde mich über eure Hilfe sehr freuen!
Grüße,
Joe
Kommentar