jquery - style - ui accordion header collapsed

Ho usato questo codice, dato che stavo usando un Dreamweaver Widget, il codice che Topek non ha funzionato per me spero che questo aiuti,

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

    });

Nelle tue opzioni specifica:

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

Vedi la documentazione per active .

Se si guarda l'inizio del gruppo di pannelli nel codice, cercare questo

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

se si rimuove solo "in", il pannello si chiude quando viene caricata la pagina.

Se si utilizza fisarmonica jquery predefinita, viene sempre visualizzato il contenuto del primo pannello, è possibile disabilitarlo utilizzando l'attributo active: false .

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

ma il comportamento predefinito è che tutti i pannelli saranno impostati all'altezza del pannello più alto. quindi, per questo devi aggiungere l'attributo "heightStyle" .

heightStyle: "content",

quindi, ogni pannello sarà alto quanto il suo contenuto.

Stavo cercando di fare la stessa cosa. Utilizzando le schede dell'interfaccia utente Jquery. Volevo che nessuno lo mostrasse con 5 schede all'inizio.

utilizzando attivo: false ha mostrato il contenuto delle 5 schede. Così ho impostato le schede CSS da visualizzare: nessuna; dal momento che vengono visualizzate le modifiche in linea. Spero che questo aiuti qualcuno!

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

E nello stile

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