Comment puis-je définir l'état initial d'un hoverIntent jQuery ?

Question

Le code ci-dessous fonctionne bien, en agrandissant et en réduisant l'"accordéon". J'ai du mal à définir l'état initial et à commencer avec l'accordéon compressé.

J'ai essayé le CSS de display:none sur les li's intégrés, mais alors il ne s'agrandit pas.

$(document).ready(function(){

    var hi\_config = {
    sensitivity: 3,
    interval: 300,
    over: hi\_mouseover,
    timeout: 300,
    out: hi\_mouseout
  };

  $("#accordion > li").hoverIntent( hi\_config );

});

function hi\_mouseover( ) {
  var $this = $(this);
  $('ul', this).stop(true, true).slideDown('medium');
}

function hi\_mouseout( ) {
  var $this = $(this);
  $('ul', this).stop(true, true).slideUp('medium');
}

   *   [Branche 1](...)

                *   [feuille 1](...)
                *   [feuille 2](...)

   *   [Branche 2](...)

                *   [feuille 3](...)
                *   [feuille 4](...)

Answer 1

EDITION Oups, ce que j'ai dit ci-dessous était en supposant que vous utilisiez le widget accordion de JQueryUI. J'ai dû mal lire votre question. Pour ce que vous faites, je vous suggère d'utiliser l'accordéon JQueryUI. Mais si vous voulez continuer de cette façon, je suggérerais d'ajouter

$("#accordian > li").each().slideUp('medium');

à votre fonction $(document).ready.

Ancienne réponse

définissez

collapsible:true,

et appelez :

$('#accordion').accordion( "activate" , false )

Answer 2

Josiah a raison, merci. J'ai dû changer un peu la syntaxe pour que ça fonctionne dans mon cas.

$("#accordion ul").each(function(){ $(this).slideUp('medium'); });