Hallo, ich habe das Problem, dass meine Jquery Funktion nur für den ersten ausgegebenen Container funktioniert. Ich möchte, dass sobald man auf einen Button drückt, ein Leerbereich entsteht + der jeweilige Container größer wird. Jede Ausgabe soll einen eigenen Container haben mit einem Bild und dem Button. Sobald der Button geklickt wird, soll der jeweilige Container größer werden und der Leerbereich unter dem jeweiligen Container entstehen, sodass ein Abstand zum nächsten Container entsteht. Bei erneuten Klicken des Buttons soll der Leerbereich wieder weg sein und der Container soll wieder die normale Größe haben. Kann mir bitte jemand helfen? Ich weis ehrlich gesagt nicht, was ich falsch mache??? Schon einmal DANKE!!!
Hier ein Beispielquelltext in Kurzform:
Hier ein Beispielquelltext in Kurzform:
PHP-Code:
<?php
while( $row = $result -> fetch_assoc()){
?>
<div id ="container" style="width: 800px; height:400px; ">
<img src="...">
<button type="submit" id="button">Abstand schaffen + container vergrößern</button>
</div>
<div id="leerbereich" style=" width: 100%; height: 500px; display: None;"></div>
<?php
} else{
echo "Keine Resultate";
}
?>
HTML-Code:
<script type="text/Javaskript"> $('#button').click(function()){ $('#leerbereich').toogle(); $('#container').css("height" , "1000px"); }); </script>
Kommentar