[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]

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