[JavaScript]slideToggle - problem z jego działaniem. Opcje

[casperii]

Panowie mam kod:

[HTML] pobierz, plaintext 
 
<div style="class="toggle">Klik </div>
<p class="contact">zawartosc ukrytego</p>
 
<div style="class="toggle">Klik </div>
<p class="contact">zawartosc ukrytego</p>
 
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
    $(document).ready(function(){
        $(".toggle").click(function(){
            $(this).next(".contact").slideToggle(200);
            return false;
        });
    });
});//]]> 
 
</script>
[HTML] pobierz, plaintext 

Powyższy kod działa, ale jeśli rozbuduje go o dodatkowe divy to już nie chce działać , co jest tu źle:

[HTML] pobierz, plaintext 
<div style="float:left; width:820px;">
	<div style="width:20px; float:left;" class="toggle">Klik </div>
	<div style="width:800px; float:left;">aaa</div>
	<p class="contact" style="width:800px;">zawartosc ukrytego</p>
</div>
 
<div style="float:left; width:820px;">
	<div style="width:20px; float:left;" class="toggle">Klik </div>
	<div style="width:800px; float:left;">aaa </div>
	<p class="contact" style="width:800px; float:left;">zawartosc ukrytego</p>
</div>
 
[HTML] pobierz, plaintext 

[trueblue]

.next wybiera najbliższego sąsiada (natychmiastowego), w <p class="contact"> nim nie jest.

P.S. domready i load nie są potrzebne jednocześnie. return false również nie jest potrzebny.

[casperii]

@trueblue

[HTML] pobierz, plaintext 
$(".contact").slideToggle(200); 
[HTML] pobierz, plaintext 

rozwija / zwija wszystkie naraz - a ja chce osobno.

[trueblue]

Kombinuj więcej z dokumentacją.
https://api.jquery.com/nextAll/

[LowiczakPL]

pierwszy przykład spełniał założenia bo contact był pierwszy ale w kolejnym dałeś contact nieco dalej czyli musisz dać 2 x NEXT, pierwszy pusty

Kod

$(this).next().next(".contact").slideToggle(200);

Ten post edytował LowiczakPL 8.06.2016, 22:11:44

[casperii]

@LowiczakPL dzięki za sugestie. Jednak problem rozwiązałem przy pomocy nextAll()

[JakubBab]

Skoro rozwiazales to dzieki

trueblue
Kombinuj więcej z dokumentacją.
https://api.jquery.com/nextAll/

To moze wypadaloby nacisnac przycisk pomogl ?