Forum PHP.pl > ukrywanie określonego elementu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: ukrywanie określonego elementu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

olo707

30.05.2012, 14:22:15

Witam
Mam taki problem, napisałem skrypt który ma wyświetlić dane z bazy danych. Standardowo imię nazwisko i pod spodem phone, email itd. Chciałbym osiągnąć taki efekt że po naciśnięciu imienia i nazwiska dane szczegółowe będą się rozwijały (coś ja toggle w jQuery). Problem polega na tym że używając w div-ie atrybutu id wyświetlają się dane tylko pierwszej osoby bez względu na to , w którą osobę kliknę a używając w divie atrybutu class wyświetlają sie dane wszystkich osób. Chciałem osiągnąć taki efekt że klikam konkretną osobę i tylko jej dane się wyświetlają. Bedę wdzięczny za pomoc. Oto kod

Kod

$getdata = mysql_query("SELECT * FROM lista ORDER BY id DESC") or die (mysql_query());
while($row = mysql_fetch_assoc($getdata))
    {
       $id=$row['id'];
       $name=$row['name'];
       $surname=$row['surname'];
       $email=$row['email'];
       $phone=$row['phone'];
       $birthday=$row['birthday'];

echo'<h3><a href ="#" onclick="kontakt(\'#1\', 500)";>'.$name.'</a></h3><br />';
echo"<div id='1' style = 'display:none;'>$email<br />$phone<br />$birthday</div>";

i funkcja w pliku jQuery

Kod

function kontakt(element, speed){
$(element).toggle(speed);
}

thek

30.05.2012, 14:53:21

Pytanie... Czemu nie zmodyfikujesz skryptu tak, by otwierała/zamykała najbliższy element DIV, który znajduje się ZA klikanym elementem H3?

pokombinuj z czymś w stylu .next('div')

skowron-line

30.05.2012, 15:13:26

Są do tego gotowce. Poszukaj w google pod hasłem jquery accordion

k_@_m_i_l

30.05.2012, 16:20:04

No jak to Ci ma nie rozwijać pierwszej osoby, skoro Ty wszędzie ładujesz do diva id=1.

[PHP] pobierz, plaintext 
echo'<h3><a href="#" onclick="kontakt(\'#'.$id.'\', 500)";>'.$name.'</a></h3><br />';
echo '<div id="'.$id.'" style="display:none;">$email<br />$phone<br />$birthday</div>';
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.