vysuvanie pomocou slideToogle jQuery

Programovacie jazyky, rady, poradňa...
5sebo5
Medium Expert
Medium Expert
Príspevky: 135
Registrovaný: 18 feb 2008, 10:38

vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 5sebo5 »

Potreboval by som pomoc,
mam tabulku, prvy riadok obsahuje nejake zakladne info(je cely cas zobrazeny)
druhy riadok obsahuje rozsirujuce detaily (na zaciatku je skryty)
pomocou jQuery by som chcel aby ked sa klikne v hornom riadku na odkaz detaily, tak sa vysunie spodny, prisluchajuci riadok s detailami.
toto problem nebol, problem vsak nastal ak sa taketo riadky vypisuju v cykle. a potom ak kliknem na detaily v hociktorom okne tak za vysunu detaily vo vsetkych

toto sa bude vypisovat v cykle

Kód: Vybrať všetko

                
                <tr>
               		 <td>nazov...........</td>
                     <td><a href="#" class="klik">Detaily</a></td>
                     <td>
                     	<form action="#" method="post">
                     		<input type="submit" value="podvrdit" />
                        </form>
                     </td>
                </tr>
		<tr>
                	<td class="detaily" style="background-color:#CCC; height:150px" colspan="3">
               			detaily
               		</td>               
		</tr>
a jQuery k tomu mam

Kód: Vybrať všetko

<script>
$('.detaily').hide();
	$('.klik').click(function()
	{
		$(".detaily").slideToggle();
		
		return false;
	});

</script>
94jakub
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2037
Registrovaný: 15 dec 2006, 13:18
Bydlisko: Martin/BA
Kontaktovať používateľa:

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 94jakub »

Skús takto.

Kód: Vybrať všetko

<script>
$('.detaily').hide();
   $('.klik').click(function()
   {
      $(this).find(".detaily").slideToggle();
      
      return false;
   });

</script>
5sebo5
Medium Expert
Medium Expert
Príspevky: 135
Registrovaný: 18 feb 2008, 10:38

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 5sebo5 »

dakujem za pomoc, ale teraz to uz ani nevysunie
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa sharky-no »

a toto?

Kód: Vybrať všetko

<script>
$('.detaily').hide();
   $('.klik').click(function()
   {
      $(this).parent().next().find(".detaily").slideToggle();
      
      return false;
   });

</script>
5sebo5
Medium Expert
Medium Expert
Príspevky: 135
Registrovaný: 18 feb 2008, 10:38

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 5sebo5 »

stale to nejde
teleport
Expert
Expert
Používateľov profilový obrázok
Príspevky: 167
Registrovaný: 01 aug 2012, 16:06
Bydlisko: Bratislava

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa teleport »

5sebo5 napísal:stale to nejde
spravil som ti to - http://jsfiddle.net/HX8ra/1/
5sebo5
Medium Expert
Medium Expert
Príspevky: 135
Registrovaný: 18 feb 2008, 10:38

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 5sebo5 »

ano povodny funguje
ale len ked to vypise raz

ak to iste sa vypise v cykle aspon 2 krat,

napr takto

Kód: Vybrať všetko

                <tr>
                      <td>nazov...........</td>
                     <td><a href="#" class="klik">Detaily</a></td>
                     <td>
                        <form action="#" method="post">
                           <input type="submit" value="podvrdit" />
                        </form>
                     </td>
                </tr>
      <tr>
                   <td class="detaily" style="background-color:#CCC; height:150px" colspan="3">
                        detaily
                     </td>               
      </tr>


                <tr>
                      <td>nazov...........</td>
                     <td><a href="#" class="klik">Detaily</a></td>
                     <td>
                        <form action="#" method="post">
                           <input type="submit" value="podvrdit" />
                        </form>
                     </td>
                </tr>
      <tr>
                   <td class="detaily" style="background-color:#CCC; height:150px" colspan="3">
                        detaily
                     </td>               
      </tr>



tak uz kliknutim na detail sa zobrazia detaily pri obidvoch
ale ja potrebujem aby sa otvoril detail iba pri tom na ktory kliknem
teleport
Expert
Expert
Používateľov profilový obrázok
Príspevky: 167
Registrovaný: 01 aug 2012, 16:06
Bydlisko: Bratislava

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa teleport »

pozri si este raz moj post, odpovedal si este na povodny, no ten som upravil :)
5sebo5
Medium Expert
Medium Expert
Príspevky: 135
Registrovaný: 18 feb 2008, 10:38

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa 5sebo5 »

dakujem, presne takto som to potreboval ;)
teleport
Expert
Expert
Používateľov profilový obrázok
Príspevky: 167
Registrovaný: 01 aug 2012, 16:06
Bydlisko: Bratislava

Re: vysuvanie pomocou slideToogle jQuery

Príspevok od používateľa teleport »

tak sem s tou karmou :D

//autoeditácia príspevku (09 Feb 2013, 13:55)
-- Vaša karma bola znížená -- :D
Napísať odpoveď