2009-10-20 23 views
23

एएसपी.नेट एमवीसी के लिए टेलीरिक एक्सटेंशन का उपयोग करके, पेज लोडिंग पर सभी Accordion टैब को मैं कैसे छुपा सकता हूं? डिफ़ॉल्ट रूप से, यह पेज लोडिंग पर पहले Accordion टैब का विस्तार करेगा! बहुत बहुत धन्यवाद!jquery पर एक Accordion में सभी टैब को संकुचित करें?

+0

चेक करें: http://codepen.io/rochapablo/editor/YPXbQM – Pablo

उत्तर

3

jQuery देखें, टैब को दिखाने के लिए सबसे अधिक संभावना है; डिफ़ॉल्ट रूप से यह शायद पहला है। आप अतिरिक्त jQuery जोड़कर व्यवहार को ओवरराइड कर सकते हैं।

अकॉर्डियन एक नेस्टेड यूएल, jQuery को छिपाने के लिए सभी नेस्टेड यूएल तत्वों इस तरह होगा यह है:

$('ul.accordion ul').hide();

jQuery कि अकॉर्डियन कार्यक्षमता सेट करने के बाद इस जगह के लिए सुनिश्चित करें। किसी भी शीर्ष LI पर क्लिक करने से नेस्टेड यूएल दिखाना चाहिए।

मार्कअप अलग हो सकता है, लेकिन तर्क बहुत समान होना चाहिए।

+0

धन्यवाद आप के लिए मदद, लेकिन Telerik एक्सटेंशन थोड़ा अलग, शो है कि आप बस छिपाने समारोह का उपयोग कर सकते अकॉर्डियन को छिपाने के लिए है –

+2

जैसा कि आपने सुझाव दिया है यह छुपाएगा। लेकिन सक्रिय तत्व सक्रिय होगा। तो, 'सक्रिय: झूठी' सही काम करने के लिए। – chhantyal

97

इसे आजमाएं:

यह सभी सक्रिय (खुले) फलक को अक्षम कर देगा।

$('.accordion').accordion({ 
    active: false, 
    collapsible: true    
}); 
+0

टिप के लिए धन्यवाद! –

+0

अद्भुत आकर्षण की तरह काम करता है! –

संबंधित मुद्दे