जैकी यूआई अकॉर्डियन ध्वस्त होना शुरू हो जाता है

Question

फॉर्म लोड होने पर मैं jquery UI अकॉर्डियन कैसे ढह सकता हूं। क्या इसके लिए कोई जावास्क्रिप्ट कोड है?

Answer 1

अपने विकल्पों में निर्दिष्ट करें:

{
  ...
  active: false,
  collapsible: true,
  ...
}

सक्रिय के लिए प्रलेखन देखें ।

Comments

आज भी JQuery 1.4.4 पर काम कर रहा है, हालांकि विजुअल स्टूडियो 2010 IE 8 में एक JScript त्रुटि (UI में कोई त्रुटि नहीं) फेंकता है

— deltree

Answer 2

मैं वही काम करने की कोशिश कर रहा था। Jquery UI टैब का उपयोग करना। जब आप शुरू करते हैं तो मैं 5 टैब के साथ कोई भी नहीं दिखाना चाहता था।

सक्रिय का उपयोग करना: गलत ने 5 वीं टैब सामग्री दिखाई। इसलिए मैंने प्रदर्शन करने के लिए सीएसएस टैब सेट किया: कोई नहीं; चूंकि यह इन-लाइन परिवर्तन प्रदर्शित करता है। आशा है कि यह किसी की मदद करता है!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

और अंदाज में

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

Answer 3

मैं इस कोड का उपयोग करता था, जैसा कि मैं एक ड्रीमविवर विजेट का उपयोग कर रहा था, जो कोड Topek ने मेरे लिए काम किया था आशा है कि यह मदद करता है,

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

Answer 4

Topex के उत्तर को पूरा करने के लिए , Jquery UI 1.10.3 के साथ मुझे 'सक्रिय' एक के पहले 'बंधनेवाला' विकल्प सेट करना था।

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

प्रलेखन देखें

Answer 5

यदि आप wysiwyg "गुण" और कोडिंग भ्रामक का उपयोग कर रहे हैं, तो अनुभागों की अपनी सूची से एक "सक्रिय" बॉक्स में एक संख्या डालने का प्रयास करें। मेरे पास 12 खंड हैं और "13" को वहां रखा है और इसने मेरे लिए काम किया है।

Answer 6

यदि आप डिफ़ॉल्ट jquery accordion का उपयोग कर रहे हैं तो यह हमेशा पहले पैनल सामग्री को प्रदर्शित करता है, आप इसे active: falseविशेषता का उपयोग करके अक्षम कर सकते हैं ।

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

लेकिन यह डिफ़ॉल्ट व्यवहार है सभी पैनलों के लिए सबसे ऊंचे पैनल की ऊंचाई पर सेट किया जाएगा। हां, इसके लिए आपको "heightStyle"विशेषता जोड़ना होगा ।

heightStyle: "content",

इसलिए, प्रत्येक पैनल अपनी सामग्री के समान ही लंबा होगा।

Answer 7

यदि आप अपने कोड में पैनल समूह की शुरुआत को देखते हैं, तो इसके लिए देखें

<div id="collapseOne1" class="panel-collapse collapse in"> 

यदि आप पृष्ठ को लोड करते समय केवल "इन" हटा देते हैं, तो यह पैनल बंद हो जाता है।