مسج الأكورديون فتح انهار

Question

وباستخدام مسج v1.3.2 ومسج UI 1.7.1

ولدي 1 تحكم علامة التبويب مع 3 علامات التبويب في ذلك. كل علامة تبويب يحتوي على السيطرة 1 الأكورديون.

$(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");
});

وأنا لا يمكن العثور على طريقة لجعل كافة عناصر التحكم الأكورديون انهارت. في كل مرة كنت تظهر TabControl علبة، الأكورديون في ذلك أن يكون البند الأول توسيع دائما.

ولقد حاول هذا:

$('#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/