Domanda

utilizzando jquery v1.3.2 e jQuery UI 1.7.1

Ho 1 controllo a schede con 3 schede al suo interno. Ogni scheda contiene 1 controllo della fisarmonica.

$(document).ready(function() {
$('#acc1').accordion({ collapsible: true, autoHeight: false });     

$('#acc1').accordion({ collapsible: true, autoHeight: false });     

$('#acc1').accordion({ collapsible: true, autoHeight: false });

$('#tabControl').tabs();

});

tabControl non è visibile al caricamento della pagina. C'è un pulsante che lo apre.

$("#btnShow").bind("click", function() {
$('#tabControl').slideToggle("slow");
});

Non riesco a trovare il modo di far collassare tutti i controlli della fisarmonica. Ogni volta che mostro tabControl, le fisarmoniche in esso contenute hanno sempre ampliato il primo oggetto.

Ho provato questo:

$('#acc1First').css('display', 'none');
$('#acc2First').css('display', 'none');
$('#acc3First').css('display', 'none');

$('#acc1First').slideUp();
$('#acc2First').slideUp();
$('#acc3First').slideUp();

ma a volte si verifica un problema, è necessario fare clic due volte sul primo elemento per funzionare correttamente, ecc.

Esiste un modo per inizializzare il controllo della fisarmonica con tutti gli elementi compressi?

Grazie

È stato utile?

Soluzione

Prova questo

$('#acc1').accordion({ 
    collapsible: true, 
    autoHeight: false, 
    active: false 
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top