[JQuery][PHP], skrypt wykonuje się tylko dla pierwszej linijki tablicy Opcje

[Stopy]

Witam. Mam kod, który wczytuje pytania, odpowiedzi oraz datę przesłania do pliku, tworząc tablicę , a następnie wyświetla je. Chciałabym, aby odpowiedź i data pokazywały się dopiero po kliknięciu na pytanie, jednak funckja wykonuje się jedynie dla pierwszego wiersza pliku.

Wyświetlanie pliku:

Kod

<?php

$a=file("baza2.txt");
foreach($a as $v){
$tab=explode("|||",$v);

?>

<div id="pyt"  style="color:red"><?php echo $tab[0];?></div>
<div id="odp"  style="display:none"><?php echo $tab[1];?></div>
<div id="data" style="display:none"><?php echo $tab[2];?></div>



<?php
}
?>

Funkcja:

Kod

<script type="text/javascript">

$(document).ready(function(){                                                                                
      
                $("#pyt").click(function() {
                $("#odp").slideToggle("slow");
                $("#data").slideToggle("slow");
                return false;
        });
                
  });

[lipek3]

Witam,
id może być na stronie tyko jedno zamiast id możesz użyć klasy jako selektora np

[PHP] pobierz, plaintext 
<?php
 
$a=file("baza2.txt");
foreach($a as $v){
$tab=explode("|||",$v);
 
?>
 
<div class="pyt"  style="color:red"><?php echo $tab[0];?>
<div class="odp"  style="display:none"><?php echo $tab[1];?></div>
<div class="data" style="display:none"><?php echo $tab[2];?></div>
</div>
 
 
<?php
}
?>
[PHP] pobierz, plaintext 

CODE

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){                                                                                 
 
                $(".pyt").click(function(event) {
                 event.preventDefault()
                $(this).find(".odp").slideToggle("slow");
                $(this).find(".data").slideToggle("slow");
 
        });
 
  });
[JAVASCRIPT] pobierz, plaintext