jQuery अकॉर्डियन खुला ढह

Question

jQuery v1.3.2 और jQuery यूआई 1.7.1

का उपयोग कर मैं इसे में 3 टैब के साथ 1 टैब नियंत्रण है। प्रत्येक टैब में 1 accordion नियंत्रण होता है।

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

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

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

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

}); 

TabControl पृष्ठ लोड पर दिखाई नहीं देता है। बटन है जो इसे खोलता है।

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

मुझे सभी accordion नियंत्रण ढहने का तरीका नहीं मिल रहा है। हर बार जब मैं tabControl दिखाता हूं, इसमें accordions पहले आइटम हमेशा विस्तारित होता है।

मैं इस की कोशिश की है:

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

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

लेकिन कभी-कभी bugges, पहला आइटम 2 बार क्लिक करने की है ठीक से काम करने आदि

वहाँ ढह सभी वस्तुओं के साथ अकॉर्डियन नियंत्रण प्रारंभ करने में कोई तरीका है ?

धन्यवाद

Answer 1

इस

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

Answer 2

मैं इस एक बनाया है का प्रयास करें:

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