mootools et menu accordéon

hello,
j'ai un petit soucis avec un menu dynamique qui utilise mootools et l'effet accordéon
le menu fonctionne presque parfaitement, le seul soucis c'est lorsque l'on cliqe dans un sous menu le menu se reinitialise et ne reste pas ouvert.
voici le code javascript (je ne vous pas le fichier mootools c'est la version 1.2):

window.addEvent('domready', function() 
{

	
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', 
	{
		opacity: true,
		//show = -1;
		 

		onActive: function(toggler, element)
		{
			toggler.setStyle('color', '#C3C');
			var list = $('element');
			for (i=0; i < list.length; i++) 
			{
				
				list[i].addEvent( 'click', function(){ 
					myAccordion.display(list[i]);
					
				});
			}
		
			
		},	
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#000099');
			//element.alwaysHide(true);
			
		}
	});
});

le html:

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="public/css/franckysolo.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="public/javascript/mootools.js"></script>
<script type="text/javascript" src="public/javascript/lib.js"></script>
<title>Insert title here</title>
</head>
<body>
<div id="accordion">
	<h3 class="toggler">menu1</h3>
	<div class="element">
	<ul>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
	</ul>
	</div>
	<h3 class="toggler">Menu2</h3>
	<div class="element">
	<ul>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
		<li><a href="#">liens</a></li>
	</ul>
	</div>
	<h3 class="toggler">menu3</h3>
	<div class="element">
	<ul>
	        <li><a href="structure.html">Visites</a></li>
		<li><a href="structure.html">Horloge</a></li>
		<li><a href="structure.html">Liens</a></li>
	</ul>
	</div>
</div>	

</body>

j'ai tenté de faire une boucle sans succès, j'ai essayé avec Fx.Slide et mais en fait je me perds un peu avec mootools, si quelqu'un à une idée pour m'orienter dans le bon sens, je suis preneur.
Merci
franckysolo
Merci de votre aide

Problème lors du click

mootools et menu accordéon

Supprimer

Modérer

Signaler le message aux modérateurs