Bonjour, dans la version 3 de finalclap, j'utilise un panneau déroulant qui me sert de menu pour mes tutoriaux.

Tant que le visiteur ne clique pas sur tutoriaux, ce panneau est caché (j'utilise mootools pour le slide).

Donc j'ai ce code javascript :

window.onload = function() {
	var mySlide = new Fx.Slide('tutoriaux');
	mySlide.hide();	// Je cache le panneau
	
	$('toggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide.toggle();
	e.stop();
	});
}

Le problème c'est qu'il y a un petit laps de temps entre l'affichage de la page et le masquage du panneau, parce que le navigateur a plein de travail à faire sur la page (plein d'autre truc javascript comme les annonces publicitaires...)

C'est pas agréable à la navigation, donc comment je pourrais faire pour que le panneau soit caché le plus rapidement possible ?

Merci

tu lui mets un display:none;
et à la fin de tout ton code, tu l'enlève(après qu'il ai été déplacé donc) avec un bout de javascript...

Merci, ça marche. par contre il faut faire les hide après, sinon le panneau se déroule de haut en bas (enfin l'effet n'est pas le même) :

window.onload = function() {
	var mySlide = new Fx.Slide('tutoriaux');
	
	$('toggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide.toggle();
	e.stop();
	});
	
	var loginSlide = new Fx.Slide('login-box');
	
	$('toggleLogin').addEvent('click', function(e){
	e = new Event(e);
	loginSlide.toggle();
	e.stop();
	});
	
	document.getElementById('tutoriaux').style.display = "block";
	mySlide.hide();
	document.getElementById('login-box').style.display = "block";
	loginSlide.hide();
}