Accordéon JQuery: comment l'intégrer dans une boîte de dialogue?

Question

Je veux concevoir une boîte de dialogue qui contient un accordéon avec 3 sections, quelqu'un sait-il comment y parvenir? J'essaye avec l'exemple d'accordéon de JQuery mais toujours pas de succès dessus. J'ai apprécié vos idées à ce sujet.

Answer 1

vérifier cette link, à mi-chemin en bas de la page est un bon exemple

Answer 2

Si vous essayez d'intégrer dans une boîte popup alert(), vous ne pouvez pas le faire. Votre meilleur pari est de créer votre propre popup modal. Utilisation de la boîte de dialogue de l'interface utilisateur de jQuery http://jqueryui.com/demos/dialog/ est une bonne base, avec beaucoup de documentation et d'utilisation en ligne, mais vous pouvez simplement créer une superposition par vous-même. Cela signifie simplement créer un DIV que vous placez absolument, avec jQuery, sur tout le reste.

$("body").append("<div id='modal'>All of your markup</div>"); 

avec CSS pour la fenêtre modale dans votre quelque chose comme stylesheet

#modal { 
    position:absolute; /* could be 'fixed', but then you have to deal with browsers */ 
    top:10%; 
    left:25%; 
    width:50%; 
    height:500px; 
    overflow:auto; 
} 

et ainsi de suite.

Answer 3

La façon facile

$('#someDiv').accordion().dialog(); 

Donc, pour une section trois de l'article

<div id="someDiv"> 
    <h3><a href="#">Section 1</a></h3> 
    <div>Section 1 content</div> 
    <h3><a href="#">Section 2</a></h3> 
    <div>Section 2 content</div> 
    <h3><a href="#">Section 3</a></h3> 
    <div>Section 3 content</div> 
</div> 

Vous aurez probablement envie de personnaliser.

$('#someDiv') 
    .accordion({ 
    active: 2, 
    collapsible: true 
    }) 
    .dialog({ 
    width: 500, 
    height: 350, 
    title: 'Some title' 
    }); 

Bonne chance!