[jquery] odkrywanie zawartosci strony

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

[jquery] odkrywanie zawartosci strony, w sposob zagniezdzony ?

veyron Zobacz profil	6.03.2010, 18:47:11 Post #1
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 2.04.2006 Ostrzeżenie: (0%)	witam mamy sobie taka strukture strony: [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL"> <head> <title>Strona z nieuporządkowaną listą</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <style type="text/css"> ul { list-style-type: none; } li.highlight { background: #000; color: #fff; } ul#lista li div.wiecej, ul#lista li div.wiecej2 { display: none; } ul#lista li h1, ul#lista li h2 { display: inline; } </style> <!-- dodanie jQuery do dokumentu --> <script type="text/javascript" src="jquery-latest.js"></script> <!-- Nasz kod java script: --> <script type="text/javascript"> $(document).ready( function() { $("ul#lista li div.klik").click( function() { $(this).next("div.wiecej").toggle(); }); }); </script> </head> <body> <ul id="lista"> <li><div class="klik"><h1>Nazwa 4</h1><h1>kraj</h1><h1>kod</h1><h1>miasto</h1><h1>ulica</h1></div> <div class="wiecej">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim<h2>klik2</h2> ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> <div class="wiecej2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> </li> <li><div class="klik"><h1>Nazwa 4</h1><h1>kraj</h1><h1>kod</h1><h1>miasto</h1><h1>ulica</h1></div> <div class="wiecej">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim<h2>klik2</h2> ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> <div class="wiecej2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> </li> <li><div class="klik"><h1>Nazwa 4</h1><h1>kraj</h1><h1>kod</h1><h1>miasto</h1><h1>ulica</h1></div> <div class="wiecej">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim<h2>klik2</h2> ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> <div class="wiecej2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vitae mi. Proin dignissim ligula vitae metus. Etiam imperdiet. Aenean nonummy lorem ut quam.</div> </li> </ul> </body> </html> [HTML] pobierz, plaintext po kliknieciu diva o klasie klik, odkrywa sie tresc diva o klasie wiecej. div o klasie wiecej zawiera element np h2. jak zrobic, zeby po kliknieciu elementu h2 "klik2" zjezdzala tresc diva o klasie wiecej2 ? czyli innymi slowy jak zagniezdzac dzialanie toggla ? pozdrawiam.