[jquery] problem z slideToggle Opcje

[tomasz_po]

Witam,

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

[PHP] pobierz, plaintext 
<?php
$(document).ready(function(){
 $("#link").click(
 function()
 {
 $("#wiecej").slideToggle("normal,");
 });
});
?>
[PHP] pobierz, plaintext 

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

Ten post edytował tomasz_po 18.06.2009, 12:26:41

[erix]

Zamiast:

Kod

$("#wiecej").slideToggle("normal,")

:

Kod

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

[tomasz_po]

Zamiast:

Kod

$("#wiecej").slideToggle("normal,")

:

Kod

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

Działa dzięki wielkie