[Resolu] Javascript:empêcher l'effet de se déclencher avant le click?

Bonjour,

je crois que mon titre n'est pas très explicite mais j'ai pas trouvé mieux...

j'ai mis l'effet FX.slide (trouvé sur mootools) sur différent paragraphes d'une même page. Le principe : quand le visiteur clique sur un lien du haut de la page, les détails associés, contenu dans un paragraphe, "slident" et le visiteur peut les lire.

Ca fonctionne très bien mais ce n'est pas tout à fait ce que je recherche puisque quand la page se charge, les slides sont déjà tous apparents : or, je voudrais qu'ils soient fermés de prime abord ET que le visiteur les découvre en cliquant sur les liens (et oui, s'ils sont déjà ouverts, aucun intérêt d'avoir mis cet effet, le visiteur va pas s'embêter à les fermer pour les r'ouvrir, juste pour le plaisir...)

je débute en JS (et en tout d'ailleurs) et je ne trouve pas comment faire. Mootools ne m'aide pas plus...
je vous demande pas la solution toute faite mais une piste, ce serait cool, j'ai bien pensé à un bolléen mais je vois pas comment l'intégrer au code...

je mets mon code JS juste pour les deux premiers slide pour pas encombrer le forum

window.addEvent('domready', function() {
	Slide()
	});


function Slide(){
//definition de la variable et création des instances de Fx.slide
	var web = new Fx.Slide('webSlide', {mode: 'horizontal'});
	var graduat = new Fx.Slide('graduatSlide', {mode: 'horizontal'});

//création des évènements au clic + appels des méthodes
	$('webToggle').addEvent('click', function(e){
		e= new Event(e);
		web.toggle();
		e.stop();
	});
	
	$('graduatToggle').addEvent('click', function(e){
		e = new Event(e);
		graduat.toggle();
		e.stop();
	});

et le html associé

<h3>Mes Etudes</h3>
					<p class="note">Cliquez sur les items pour plus de détails.</p>
					<div id="menuEtudes">
						<a id="webToggle" href="#">Web Développement</a> - 
						<a id="graduatToggle" href="#">Graduat</a> - 
</div>

<div id="webSlide" >
						<span>Institut de formation Interface3</span><br/>Bruxelles<br/>2008-2009
					</div>
					
					<div id="graduatSlide" >
						<span>Graduat en Ergothérapie : Distinction</span><br/>Haute Ecole Paul Henri Spaak<br/>Institut Supérieur d'Ergothérapie et de Kinésithérapie<br/>Bruxelles<br/>2003-2006
					</div>
					

Modifié par ordiminnie (18 Aug 2008 - 13:49)

Lors de la création de tes Slides, ferme les immédiatement en appelant leur méthod hide() :

var web = new Fx.Slide('webSlide', {mode: 'horizontal'});
web.hide();

Peut même s'écrire en une ligne :

var web = new Fx.Slide('webSlide', {mode: 'horizontal'}).hide();

MERCI!!

Non seulement ça fonctionne mais en plus ça m'aide à comprendre comment le JS fonctionne (au niveau de l'écriture de la syntaxe).

Merci encore.