jquery - style - ui accordion header collapsed
L'inizio della fisarmonica di JQUERY UI è crollato (5)
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
});
Come posso fare in modo che la fisarmonica dell'interfaccia utente jQuery venga compressa al momento del caricamento del modulo. C'è qualche codice javascript per questo?
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;
}