अकॉर्डियन (जीयूआई)

अकॉर्डियन एक चित्रमय नियंत्रण तत्व है जिसमें आइटम्स की वर्टिकल स्टैक्ड लिस्ट होती है, जैसे लेबल या थंबनेल या उस आइटम से जुड़ी सामग्री को प्रकट करने के लिए प्रत्येक आइटम को विस्तारित या संक्षिप्त किया जा सकता है। विन्यास के आधार पर शून्य विस्तारित आइटम हो सकते हैं, ठीक एक या एक से अधिक आइटम एक समय में विस्तारित हो सकते हैं।

यह शब्द म्यूजिकल अकॉर्डियन से उपजा है जिसमें धौंकनी के वर्गों को बाहर की ओर खींचकर विस्तारित किया जा सकता है।

अकॉर्डियन का सामान्य उदाहरण बॉक्स क्षेत्र का शो/हाईड अनुमान है, किंतु सूची में कई वर्गों के लिए विस्तारित है।

एक अकॉर्डियन टैब्ड इंटरफ़ेस के उद्देश्य के समान है, वस्तुओं की सूची जहां पैनल (कंप्यूटर सॉफ्टवेयर) में एक आइटम का विस्तार किया जाता है (अर्थात सूची आइटम अलग पैनल तक पहुंचने के लिए फ़ाइल शॉर्टकट हैं)।

उपयोगकर्ता परिभाषा
कई विंडोज़ एक दूसरे के ऊपर टिकी हुई हैं। वे सभी विंडोशेड हैं, इसलिए केवल उनके कैप्शन दिखाई दे रहे हैं। यदि उनमें से किसी एक पर क्लिक किया जाता है, तो इसे सक्रिय करने के लिए, इसे अनशेडेड या मैक्सिमाइज़ किया जाता है। अकॉर्डियन में अन्य विंडो ऊपरी या निचले किनारे के आसपास विस्थापित होती हैं।

उदाहरण
जीयूआई अकॉर्डियन का उपयोग करने वाला सामान्य उदाहरण बॉक्स क्षेत्र का शो/हाईड ऑपरेशन है, किंतु सूची में कई अनुभागों के लिए विस्तारित किया गया है।

स्लाइडवर्स अकॉर्डियन इंटरफ़ेस है जो वेब सामग्री तक पहुँच प्रदान करता है।

गूगल रीडर के सूची दृश्य में भी इसकी विशेषता है।

एक प्रारंभिक उदाहरण में, एप्पल के डाउनलोड पेज ने 2008 में रोल-ओवर अकॉर्डियन का उपयोग किया था। इस उदाहरण में, इंटरनेट आर्काइव में वेबैक मशीन में कैप्चर किया गया था, पृष्ठ के बाएं कॉलम में तीन श्रेणियां ऑल डाउनलोड, टॉप एप्पल डाउनलोड, और टॉप डाउनलोड सम्मिलित हैं जो रोल-ओवर पर विस्तृत होती हैं।

यह भी देखें

 * कोड फोल्डिंग, टेक्स्ट पर प्रयुक्त एक समान विधि

बाहरी संबंध

 * jQuery UI accordion widget
 * YourHead
 * mootools Tutorial (where the effect is called sliding shelf) on MONFX
 * Accordion Interface Demo of an accordion script
 * Shopify Accordion Shopify product description accordion