jQuery Akkordeon öffnen kollabiert

Question

mit Jquery v1.3.2 und jQuery UI 1.7.1

Ich habe 1 Tab-Steuerung mit 3 Registerkarten in ihm. Jeder Registerkarte enthält 1 Akkordeon Kontrolle.

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

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

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

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

});

TabControl ist auf Seite laden nicht sichtbar. Es gibt Schaltfläche, die es öffnet sich.

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

Ich kann den Weg nicht finden alle Akkordeon Kontrollen zusammengebrochen zu haben. Jedes Mal, wenn ich tabcontrol zeigen, Akkordeons in dem ersten Elemente immer weiter ausgebaut.

Ich habe versucht, dies:

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

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

aber es Bugges manchmal, erstes Element 2 mal angeklickt werden muß, um richtig usw. zu arbeiten.

Gibt es eine Möglichkeit Akkordeon Steuerung mit allen Elementen zusammengebrochen zu initialisieren?

Danke

Answer 1

Versuchen Sie, diese

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

Answer 2

Das habe ich erstellt ein:

http: // sarfraznawaz. wordpress.com/2010/03/09/creating-stylish-sliding-menu-with-jquery/