jQuery UI Accordion - Chaque Panneau d'Ajustement À la table des Matières

J'utilise jQuery UI Accordion http://jqueryui.com/demos/accordion/ et je vais essayer de l'obtenir pour s'adapter à la hauteur de chacun des panneaux de contenu.

La façon dont il fonctionne actuellement est de tenir le plus grand des panneaux de contenu, mais j'aimerais qu'elle redimensionner sur la base de laquelle le panneau est ouvert.

Aussi, est-il un moyen de faire un panneau s'ouvre à la place de celle d'en haut, par défaut? J'aimerais avoir le dernier panneau est ouvert lorsque l'utilisateur charge la page.

Merci d'avance!

EDIT: j'ai essayé de mettre height:auto !important; dans le jquery-ui.fichier css sur .ui-accordion .ui-accordion-content-active qui fonctionne, mais les résultats dans un drôle de problème lors de la fermeture d'un accordéon, d'où l'on reste ouvert alors que l'autre est en cours d'ouverture.

OriginalL'auteur JacobTheDev | 2011-07-11

  1. 24

    Pour garder les choses en cours, il semble que pour jquery UI version 1.9, le autoHeight a été remplacé par heightStyle. http://api.jqueryui.com/accordion/#option-heightStyle

    La façon de le faire après 1,9 serait $( ".selector" ).accordion({ heightStyle: "content"});

    autoHeight fonctionne encore dans la plupart des cas, mais j'ai éprouvé des difficultés dans Chrome et Safari mais pas Firefox lorsque je l'ai utilisé autoHeight: faux et mon .ui-accordéon-le contenu d'une image dont la taille est réglée sur auto. À l'aide de heightStyle au lieu de cela beaucoup mieux fonctionné.

    Testé dans Firefox du 3 juin 2014, je ne pouvais pas la autoHeight de travail, mais heightStyle fonctionne très bien.
    autoHeight A été déprécié (documentation dans tous les sens)

    OriginalL'auteur Linds

  2. 7

    Ahh, ils ont juste un réglage pour ça! http://jqueryui.com/demos/accordion/#no-auto-height

    Donc, fondamentalement, il suffit de faire ceci: $( ".selector" ).accordion({ autoHeight: false });

    OriginalL'auteur JacobTheDev

  3. 4

    Question est assez vieux, mais maintenant jQuery a la possibilité de régler la hauteur que par le contenu.
    Plus d'informations ici: http://api.jqueryui.com/accordion/#option-heightStyl 

       $(function () {
            $("#accordion").accordion({
              {heightStyle: "content" }
            });
        });

    OriginalL'auteur iveedee

  4. 1

    ce travail pour moi 

    $(function () {
        $("#accordion").accordion({
            header: "h3",
            autoFill:true,
            autoHeight: false 
        });
    });

    OriginalL'auteur dllhell