Est-il possible d'avoir une seule section dans jQuery UI Accordion?

Question

J'aimerai organiser la structure et le design de mon système web, c'est pour cette raison que j'ai choisi le composant accordéon de jQuery (qui fonctionne plutôt bien) car je ne veux pas déranger l'utilisateur avec de l'espace inutile, l'utilisateur peut décider s'il veut voir ou non cette information. Mon problème est que j'ai juste une section à l'intérieur de cet accordéon (cette section est un panel de composants) et je ne peux pas replier une section de l'accordéon (du moins je ne sais pas comment). Si j'ajoute une autre section, c'est possible, mais j'en ai juste besoin.

Quelqu'un peut-il m'aider dans ce cas?

Answer 1

Vous devez définir collapsible sur true pour indiquer que toutes les sections peuvent être fermées en même temps. Sauf si vous spécifiez ceci, lorsque vous avez seulement une section, vous ne pouvez pas la fermer car une section devrait être active tout le temps par défaut.

Set active false si vous souhaitez que la section d'être replié initialement

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

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 

 

 
<div id="accordion"> 
 
    <h3>Section 1</h3> 
 
    <div> 
 
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.</p> 
 
    </div> 
 
</div>