jquery toggle con scattino

[zoc]

ciao a tutti..
ho questo codice

$(this).next().toggle('slow', function() {
    		// Animation complete.
  		});

l'animazione funziona, ma non capisco come mai alla fine quando il div si chiude mi fa uno scattino... sapete come mai?

grazie mille!

[Al_katraz984]

scattino??

è possibile vedere qualcosa?

[fcaldera]

ci potrebbe essere un margine/padding attorno/sul div che crea un disturbo.

[zoc]

a non lo sapevo... però ho controllato è non ho nessun margin o padding

[zoc]

a no, mi correggo... ho fatto un test. Ecco lo script:

<script>
$(document).ready( function(){
	
	$('.nascondi').hide();
	
	$('h2.accordion').click( function () {
		var titolo = $(this);
		$(this).next().toggle('slow', function() {
    		// Animation complete.
  		});
		
	})

});
</script>

ed ecco l'html

<h2 class="accordion">Lorem ipsum</h2>
<div class="nascondi">
  

Lorem ipsum dolor sit amet, cum in alii tritani mentitum, ei usu utamur nusquam phaedrum. Qui esse fierent pertinax cu. Ad mei movet intellegam reformidans, magna minimum imperdiet pro id. Adipisci convenire ex pri, eum suas partem utroque in. Nulla lobortis usu ei, doming quidam per et.</p>
  

Exerci audire quo ne. Quo et periculis instructior, an pri modo melius electram. Partiendo hendrerit usu cu, quaeque luptatum disputando usu ei. Vix at choro consulatu scripserit, ut illum definitionem vix, sea te soluta quaeque. Mei apeirian perfecto at, ei eos nonumes singulis legendos. Erroribus imperdiet vis id, per eius appetere te, nam verterem lobortis evertitur ea.</p>
</div>
<h2 class="accordion">Lorem ipsum</h2>
<div class="nascondi">
  

Lorem ipsum dolor sit amet, cum in alii tritani mentitum, ei usu utamur nusquam phaedrum. Qui esse fierent pertinax cu. Ad mei movet intellegam reformidans, magna minimum imperdiet pro id. Adipisci convenire ex pri, eum suas partem utroque in. Nulla lobortis usu ei, doming quidam per et.</p>
  

Exerci audire quo ne. Quo et periculis instructior, an pri modo melius electram. Partiendo hendrerit usu cu, quaeque luptatum disputando usu ei. Vix at choro consulatu scripserit, ut illum definitionem vix, sea te soluta quaeque. Mei apeirian perfecto at, ei eos nonumes singulis legendos. Erroribus imperdiet vis id, per eius appetere te, nam verterem lobortis evertitur ea.</p>
</div>

ho visto che se non metto uno stile così:

h2 { margin:0px; padding:0px; }

mi fa lo scattino, ma con quello stile no. Però ora mi chiedo come faccio se voglio dare una distanza fra l'h2 e il div sotto se non posso applicare uno stile!

grazie mille!

[fcaldera]

prova a dare un padding-top al div... fai un po' di esperimenti.