Discussion :

[buntu86]

Bonjour à tous,

j'espère que ma question n'a pas déjà été posée.

J'ai mis en place un Accordion avec jquery ui en suivant ces infos, http://jqueryui.com/accordion/ tout fonctionne comme je veux mise à part lors de l'initialisation au premier chargement de la page, l'accordion s'affiche déroulé et se réenroule très vite.

Est-il possible de changer le temps de "réenroulement", dans mon cas ça serait d'allonger le temps pour que les utilisateurs voient que des infos se cachent dans les sections.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  	<script src="//code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  	<script>
  	$(function() {
    	$( "#accordeon" ).accordion(
    		{
    		header : '.titreAccordeon', 
    		collapsible: true,
    		active: false,
    		heightStyle: "content",
    		});
  		});
  	</script>

D'avance merci

[danielhagnoul]

Bonsoir

Je pense que vous prenez le problème à l'envers. Il ne faut pas montrer la structure de l'UI Accordion avant sa construction.

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

#accordion { display: none; }

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
$( function(){ // forme abrégée de $(document).ready(function(){
 
    $( "#accordion" )
        .show()
        .accordion( {
            "header" : '.titreAccordeon', 
            "collapsible" : true,
            "active" : false,
            "heightStyle" : "content"
        });
 
});