Bouton pour se déplacer dans un accordéon [Résolu]

[Geoffrey49000]

Bonjour,

J'ai réalisé mon accordéon qui fonctionne très bien, cependant je souhaiterais créer un bouton qui puisse passer dans ma seconde partie de mon accordéon.

J'ai trouvé des choses assez complexe sur le net et étant débutant je ne trouve pas l'élément exacte qui permet de faire cela.

Voici un bout de mon code :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$( "#accordion" ).accordion({
			collapsible: false,
			autoHeight: false
		});
 
...
 
 
<div id="accordion">
	<h3><a href="#">Request settings</a></h3>
		<a class="grayButton" href="#" style="-moz-border-radius: 6px 6px 6px 6px;">Validate</a>
 
	<h3><a href="#">Result</a></h3>	
		...
</div>

Avez vous besoin d'autres éléments pour m'aider ?

Merci beaucoup !!!

[danielhagnoul]

Bonsoir

Voir : http://jqueryui.com/demos/accordion/#method-activate

[Geoffrey49000]

Merci pour ta réponse.

Je dois être vraiment idiot car je ne comprend toujours pas comment faire la liaison :s

Apparemment il y a des class à mettre et il y a un a.header à utiliser... dommage qu'il y ait pas d'exemples.

Je vais essayer de bidouiller des trucs on verra bien je vous tiens au courant

[danielhagnoul]

$( "#accordion" ).accordion( "activate" , 1) // doit ouvrir le deuxième volet (index base 0).

[Geoffrey49000]

Bon finalement j'ai mis un id à mon second volet et j'ai utilisé cette fonction et ça marche.

Daniel je sais pas si on parle de la même chose ou si je comprend pas ce que tu me dis (ce qui serait normal car il y a 3 heures je n'avais encore jamais entendu parler de jQuery )

en tout cas merci à toi et voici ce que j'ai mis finalement :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$( "#accordion" ).accordion({
			collapsible: false,
			autoHeight: false
		});
 
...
 
 
<div id="accordion">
	<h3><a href="#">Request settings</a></h3>
		<<a class="grayButton" href="#" onclick="$('#aaa a:last').click();return false;" style="-moz-border-radius: 6px 6px 6px 6px;">Validate</a>
 
	<h3 id="aaa"><a href="#">Result</a></h3>	
		...
</div>