jquery hide() werkt te laat

Door de div te hiden met CSS en niet met JS:

#myDiv { display: none; }

Wouter,

Hoe wil je een div die je hide in CSS opschuiven met slideToggle()?

Crhis, je kunt een div hide in CSS en daarna togglen met jQuery. De hide functie is niks meer dan een animatie naar display: none; zie ook de jQuery source code.

Voorbeeldje: http://jsfiddle.net/Jhnzx/

Maar heeft het geen gevolgen als dus al display:none in css zet?

Nee, eigenlijk doe je precies hetzelfde. Alleen dan niet met jQuery maar met CSS.

Het grappige is dat .slideDown die display: none; veranderd in block en vervolgens de height op 0 zet om die te animeren naar zijn uit eindelijke waarde.
.slideUp animeert die height weer terug naar 0 en zet het weer op display: block; en de height die het eerst was.
En zo gaat het door, hoe het precies werkt is heel ingewikkeld. Zoals je misschien wel kunt zien zit de effecten libary van jQuery zeer moeilijk in elkaar.

Aaah ok, dat scheelt dus weer een stukje script :D

Bedankt voor de reacties!
Alleen display:none; had ik zelf ook al geprobeerd maar het werkte niet! de code is:

$('#bt_showFilter').click( function() {
	
	setTimeout(function() {
		$('#schoolwerkFilter').slideToggle(500);
	}, 100);

});

[size=xsmall]Toevoeging op 04/05/2012 16:27:07:[/size]

Laatmaar, de fout zat ergens anders! Nogmaals bedankt voor het snelle reageren! :)