JQUERY UI Akkordeon Start kollabiert

Wie kann ich dafür sorgen, dass das Akkordeon der jquery-Benutzeroberfläche beim Laden des Formulars zusammenfällt? Gibt es dafür einen Javascript-Code?

Geben Sie in Ihren Optionen Folgendes an:

{
  ...
  active: false,
  collapsible: true,
  ...
}

Siehe Dokumentation für aktiv .

Ich habe versucht, das Gleiche zu tun. Verwenden der Registerkarten der Jquery-Benutzeroberfläche. Ich wollte, dass beim Start keine mit 5 Registerkarten angezeigt wird.

using active: false zeigte den Inhalt der 5. Registerkarte an. Also habe ich die CSS-Registerkarten so eingestellt, dass sie angezeigt werden: keine; da ändert es inline die Anzeige. Hoffe das hilft jemandem!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

Und im Stil

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

Ich habe diesen Code verwendet, da ich ein Dreamweaver-Widget verwendet habe. Der Code, den Topek für mich nicht funktioniert hat, hofft, dass dies hilft.

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

Um die Antwort von topex zu vervollständigen, musste ich mit Jquery UI 1.10.3 die Option 'zusammenklappbar' vor der Option 'aktiv' setzen.

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

Siehe die Dokumentation

Wenn Sie die wysiwyg "Eigenschaften" verwenden und die Codierung verwirrt, versuchen Sie, eine Zahl mehr in das Feld "Aktiv" als in Ihre Liste der Abschnitte einzutragen. Ich habe 12 Abschnitte und habe dort "13" eingefügt, und es hat bei mir funktioniert.

Wenn Sie das Standard-jquery-Akkordeon verwenden, wird immer der Inhalt des ersten Bedienfelds angezeigt. Sie können es mithilfe des active: falseAttributs deaktivieren .

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

Das Standardverhalten ist jedoch, dass alle Bedienfelder auf die Höhe des höchsten Bedienfelds eingestellt werden. Dafür müssen Sie also ein "heightStyle"Attribut hinzufügen .

heightStyle: "content",

Daher ist jedes Panel nur so hoch wie sein Inhalt.

Wenn Sie sich den Anfang der Bedienfeldgruppe in Ihrem Code ansehen, suchen Sie danach

<div id="collapseOne1" class="panel-collapse collapse in"> 

Wenn Sie nur das "In" entfernen, wird das Bedienfeld beim Laden der Seite geschlossen.