82 votes

JQUERY UI Accordion start effondré

Comment puis-je faire en sorte que l'accordéon jquery UI démarre lorsque le formulaire est chargé? Existe-t-il un code javascript pour cela?

200voto

topek Points 8288

Dans vos options, spécifiez:

 {
  ...
  active: false,
  collapsible: true,
  ...
}
 

Voir la documentation pour active .

9voto

nonono nonono Points 35

J'essayais de faire la même chose. Utilisation des onglets Jquery UI. Je voulais qu'aucun à montrer avec 5 onglets lorsque vous commencez.

using active: false a montré le contenu du 5ème onglet. J'ai donc mis les onglets CSS à afficher: aucun; puisque les changements en ligne sont affichés. J'espère que cela aide quelqu'un!

 <script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});
 

Et dans le style

 #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}
 

4voto

J'ai utilisé ce code, comme j'utilisais un widget Dreamweaver, le code que Topek n'a pas fonctionné pour moi, j'espère que cela m'aidera,

 jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });
 

3voto

shagshag Points 11

Pour compléter la réponse de topex , avec Jquery UI 1.10.3, je devais définir l’option «repliable» avant l’option «active».

 $( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});
 

Voir la documentation

1voto

Steve Points 1

Si vous utilisez les propriétés "wysiwyg" et que le codage vous déroute, essayez de mettre un nombre dans la case "Actif" un de plus que votre liste de sections. J'ai 12 sections et mettre "13" dedans et cela a fonctionné pour moi.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X