jquery hide() werkt te laat
ik heb een probleempje met jquery. Ik heb een div en dat wordt als de website geladen is ge hide(). Diezelfde div kan dan weer worden opgeschoven met slideToggle(). Alleen het probleem is dus dat als de website aan het laden is, de div nog eventjes wordt weergeven en dan heel snel wegflits. Hoe kan ik dit voorkomen?
MVG
Code (php)
1
#myDiv { display: none; }
Hoe wil je een div die je hide in CSS opschuiven met slideToggle()?
Voorbeeldje: http://jsfiddle.net/Jhnzx/
Gewijzigd op 04/05/2012 14:52:07 door Wouter J
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.
Gewijzigd op 04/05/2012 15:13:56 door Wouter J
Alleen display:none; had ik zelf ook al geprobeerd maar het werkte niet! de code is:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
$('#bt_showFilter').click( function() {
setTimeout(function() {
$('#schoolwerkFilter').slideToggle(500);
}, 100);
});
setTimeout(function() {
$('#schoolwerkFilter').slideToggle(500);
}, 100);
});
Toevoeging op 04/05/2012 16:27:07:
Laatmaar, de fout zat ergens anders! Nogmaals bedankt voor het snelle reageren! :)