Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] problem z slideToggle
Forum PHP.pl > Forum > XML, AJAX
tomasz_po
Witam,

Mam następujący problem z poniższym kodem

  1. <?php
  2. $(document).ready(function(){
  3. $("#link").click(
  4. function()
  5. {
  6. $("#wiecej").slideToggle("normal,");
  7. });
  8. });
  9. ?>


teraz wywołuje to poprzez kod html
<div id="link">LINK</div>
<p id="wiecej" style="display:none"></p>

i wszystko było by ok tylko jak robię kilka pól

<div id="link">LINK</div>
<p id="wiecej" style="display:none"></p>
<div id="link">LINK</div>
<p id="wiecej" style="display:none"></p>

to działa mi tylko to pierwsze a następne już nie. Co zrobić by działały wszystkie? Domyślam się że gdybym przepisał funkcje JS dla poszczególnych pól by to zadziałało, ale chodzi mi o automatyzację tego procesu by jedną funkcją JS obsłużyć wszystkie elementy wysuwające się na stronie.
seth-kk
podstawowy blad - id nie moga sie powtarzac
uzyj w to miejsce klas i selektora "+" lub siblings() - dobrze zeby link i jego rozwijany obszar mialy wspolny kontener lub cos w tym stylu
tomasz_po
Hmm kontener czyli nie moze to być w takiej formie jak teraz? Zmieniłem na klasy i otwierają się wszystkie naraz smile.gif
erix
Zamiast:
Kod
$("#wiecej").slideToggle("normal,")

:
Kod
$(this).next().slideToggle("normal")
tomasz_po
Cytat(erix @ 18.06.2009, 13:36:31 ) *
Zamiast:
Kod
$("#wiecej").slideToggle("normal,")

:
Kod
$(this).next().slideToggle("normal")

Działa smile.gif dzięki wielkie smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.