2011-02-09 4 views
0

J'ai créé un menu accordéon. Voici mon code js:besoin d'aide avec jquery ui accordéon

var menu = $('ul.menu', '#sidebar'); 

menu.accordion({ 
    header: '.parent > a', 
    collapsible: true 
}); 

est ici une recréation de ce que nous avons: http://jsfiddle.net/chMPT/

Voici mon delima: Je veux que le menu soit complètement réduit par défaut et je ne peux pas changer le code html structure car le menu est produit par joomla.

J'ai essayé d'utiliser la méthode create pour fermer le menu actif lors de la création de l'accordéon mais cela ne fonctionne pas correctement. Et voici le code:

var menu = $('ul.menu', '#sidebar'); 

menu.accordion({ 
    create: function(event, ui) { 
     menu.accordion("activate" , false); 
    }, 
    header: '.parent > a', 
    collapsible: true 
}); 

Des suggestions?

Répondre

3

est aussi simple que

menu.accordion({ 
    header:'.parent > a', 
    collapsible: true, 
    active:false 
}); 

EDIT: link to jQuery UI doc en ce qui concerne l'option active

+0

et la démo: http://jsfiddle.net/Guillaume/chMPT/1/ :) – Guillaume86

+0

excellent. Cas classique de moi pensant à dur à la réponse assis juste en face de moi! Vraiment apprécier le lien jsfiddle aussi bien. – Johnny