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

के बारे में अधिक accordion...

वर्तमान में, सभी अकॉर्डियन पैनल एक साथ टॉगल किए जा रहे हैं। मैंने इंडेक्स में क्लिक हैंडलर को पास करने का प्रयास किया है, लेकिन कोई भाग्य नहीं है। मैं व्यक्तिगत रूप से अकॉर्डियन पैनल को खोलने और बंद करने के लिए वर्तमान इंडेक्स की तुलना वर्तमान सेटएक्टिव वेरिएबल से कैसे करूं? मैं जिस डेटा के साथ उ....
28 अक्टूबर 2021, 09:04
मैं एक एपीआई क्वेरी द्वारा पॉप्युलेट एक गतिशील अकॉर्डियन बनाने की कोशिश कर रहा हूं, लेकिन ऐसा लगता है कि यह काम नहीं कर रहा है। एचटीएमएल लोड पर यह एक अकॉर्डियन जैसा दिखता है, लेकिन जब मैं इस पर क्लिक करता हूं, तो इसका विस्तार नहीं होता है। <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/....
27 अक्टूबर 2021, 11:51
मैं विस्तार योग्य सामग्री की तलाश में हूं जो पाद लेख पर रहता है और नीचे से ऊपर तक क्लिक करने पर खुलता है। सभी सामग्री समझौते / बंधनेवाला ऊपर से नीचे तक विस्तारित होते हैं जो पृष्ठ को विकसित करते हैं। उदाहरण : https://materializecss.com/collapsible.html मैं HTML और JS का उपयोग करके कुछ समान ढूंढने म....
26 अक्टूबर 2021, 05:58
मैं एक एपीआई अनुरोध से आइटम के साथ एक मेनू पॉप्युलेट करने की जरूरत है। मैंने कुछ नमूना आइटम बनाए; const items. कुछ मेनू आइटम में बच्चे होते हैं, और बच्चों के बच्चे भी हो सकते हैं, इसलिए मुझे मेनू आइटम के कई स्तरों को घोंसला बनाना होगा। मैंने एक Accordion() को कोलैप्सिबल फ्रॉम रिएक्ट-नेटिव-कोलैप्स....
21 अक्टूबर 2021, 12:28
मैं नेस्टेड अकॉर्डियन बनाने का प्रयास कर रहा हूं (आप एक का विस्तार करते हैं, फिर आप दूसरे का विस्तार कर सकते हैं), लेकिन किसी कारण से अंदर का समझौता काम नहीं करता है। यह w3 स्कूल के अकॉर्डियन कोड पर आधारित है, लेकिन मैंने बटनों को एक छवि से बदल दिया है। मेरा तर्क यह था कि अगर मैं पहले अकॉर्डियन को ....
19 अक्टूबर 2021, 01:36
मैंने एक आइटम के लिए अकॉर्डियन जोड़ा और यह ठीक काम कर रहा था, लेकिन फिर मैंने लूप के लिए जोड़ा और अब जब मैं किसी आइटम पर क्लिक करता हूं, तो सभी आइटम विस्तारित हो रहे हैं। <template> <ul class="level-0-wrp" v-if="headerDesktopMenu.menu.menu_items"> <li class="level-0" v-for="(menu, index) in head....
5 अक्टूबर 2021, 13:03
मेरे पास यह है कि जब मैं "accordion-panel-ihe" अनुभाग के बीच सामग्री डालता हूं तो ठीक काम कर रहा है, लेकिन जब मैं उसी अनुभाग में सूची आइटम डालता हूं तो accordion काम करना बंद कर देता है, मैंने सूची के साथ प्रयास किया है और उसी अनुभाग में p टैग का उपयोग करने का प्रयास किया है लेकिन काम नहीं कर रहा, ....
21 सितंबर 2021, 09:07
मैं देखता हूं कि कक्षा को पहले तत्व के लिए कंसोल में सक्रिय रूप से जोड़ा जा रहा है, लेकिन केवल पहले तत्व के लिए। ईवेंट श्रोता एक svg बटन से बंधा होता है। क्लास 'ओपन' 'हिडन-ब्लॉक' डिस्प्ले को डिस्प्ले में बदल देता है: ब्लॉक; आइटम कंटेनर में const faqDropDown = document.querySelector(".accordion-....
20 सितंबर 2021, 00:03
मैं एक अकॉर्डियन बनाने की कोशिश कर रहा हूं, जहां आप प्रत्येक अकॉर्डियन पर क्लिक कर सकते हैं, लेकिन मैं एक और बटन भी रखना चाहूंगा जहां एक क्लिक सभी अकॉर्डियन का विस्तार या पतन कर सके। तो अभी मेरे पास यह .ts घटक है: import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-faq'....
15 सितंबर 2021, 22:59
मैंने अपनी साइट पर अक्सर पूछे जाने वाले प्रश्न समझौते के लिए मिले कुछ कोड को एक साथ जोड़ दिया। मुझे यकीन नहीं है कि शीर्षक को 1 क्लिक के साथ कैसे बढ़ाया जाए, क्योंकि इसमें वर्तमान में 2 लगते हैं। मैं यह भी चाहूंगा कि विस्तार/संक्षिप्त होने पर आइकन घुमाए। यह वर्तमान में केवल होवर चालू/बंद घुमा रहा ....
14 सितंबर 2021, 04:23
मेरे पास एक अकॉर्डियन है जो वास्तव में अच्छी तरह से काम करता है, यह साइट पर अच्छा दिखता है और जैसा इसे करना चाहिए वैसा ही काम करता है। हालांकि, मैं इसे और अधिक पेशेवर दिखने के लिए, इसमें कुछ और जावास्क्रिप्ट कार्यक्षमता जोड़ने की कोशिश कर रहा हूं। वर्तमान में, अकॉर्डियन आपको एक समय में कई पैनल खोलन....
11 सितंबर 2021, 21:05
हाय दोस्तों मैं सिर्फ यह पूछना चाहता था कि क्या एक खुला होने पर अन्य टैब बंद करना संभव है। यहाँ मेरा कोड है const [bookingList, setBookingList] = useState(true); const [completed, setCompleted] = useState(true); const [ongoing, setOnGoing] = useState(true); const ToggleBookingList = (....
2 सितंबर 2021, 03:01
मैं अपने वेबपेज में एक अकॉर्डियन मेनू का उपयोग करने की कोशिश कर रहा हूँ। इसे क्लिक करने पर एक समय में केवल एक पैनल दिखाना चाहिए, और जेएस कोड को ऑनक्लिक फ़ंक्शन के साथ कॉल किया जाना चाहिए। जब मैं एचटीएमएल में स्क्रिप्ट टैग के बीच जेएस कोड जोड़ता हूं तो सभी ठीक काम करते हैं, लेकिन मुझे ऑनक्लिक का उप....
1 सितंबर 2021, 13:24
मैं Accordion फीचर के साथ बूटस्ट्रैप 5.1 का उपयोग कर रहा हूं। हालाँकि, जब पृष्ठ लोड होता है तो शेवरॉन उल्टा होता है और उस पर एक-दो बार क्लिक करने के बाद ही अधिकार होता है। यहाँ कोड है: <div class="accordion" id="accordion"> <div class="accordion-item"> <h4 class="a....
1 सितंबर 2021, 02:10
मुझे जेएस के साथ एक समस्या है, अगर मैं सामग्री पर क्लिक करता हूं तो मैं समझौते को बंद होने से कैसे रोक सकता हूं? आप नीचे मेरा कोड पा सकते हैं; कोड ठीक काम करता है; एकमात्र समस्या यह है कि जब मैं "ड्रॉपडाउन" सामग्री से कुछ भी चुनता हूं, तो अकॉर्डियन बंद हो जाता है। मुझे चाहिए कि अगर मैं उस पर क्लि....
24 अगस्त 2021, 18:16
मेरे पास एक दूसरे के नीचे 6 वैडिन अकॉर्डियन घटक हैं, प्रत्येक एक विशिष्ट प्रकार के ऑफ़र के लिए 1000+ बटन (प्रति ऑफ़र बटन) के साथ। प्रत्येक बटन पर क्लिक करने से मेरे लेआउट के दूसरे भाग में एक नया टैब खुल जाता है। अकॉर्डियन इस तरह दिखते हैं: var firstDropDown = new Accordion(); var f....
22 जुलाई 2021, 09:15
कोड यहाँ से है --> https://codepen.io/raubaca/pen/PZzpVe मैंने इसी तरह के प्रश्नों के अन्य उत्तरों को देखा है। वास्तव में कुछ भी इस प्रश्न का पर्याप्त उत्तर नहीं देता है। या फिर वे थोड़ा अभिसरण मुद्दों के बारे में हैं, या jQuery आदि का उपयोग करते हैं, या एक अलग प्रारूप में सीएसएस के लिए। एक शुद्ध ....
19 जुलाई 2021, 14:36
https://codesandbox.io/s/tailwindcss-react-boilerplat-forked-7yrez?file=/src/components/app.js मुझे अपने Accordion शीर्षक में स्टाइलिंग में समस्या आ रही है। मैंने अपनी अकॉर्डियन सामग्री इस तरह सेट की: <Accordion heading1= { <DishItem name="Döner Teller Spezial" price="13,60€"/> } content1= { <A....
15 जुलाई 2021, 17:41
मैं अपने पहले रिएक्ट प्रोजेक्ट में Accordion घटक material-ui का उपयोग कर रहा हूं। मैंने देखा कि जब Accordion ढह जाता है, AccordionDetails(Collapse का वंशज होने के नाते) को DOM से नहीं हटाया जाता है। आंतरिक रूप से ऊंचाई को बदलकर ही इसे छिपाया जाता है। मेरा कोड है: <Accordion> <AccordionSum....
15 जुलाई 2021, 11:34
मैं अपने प्रोजेक्ट का उपयोग कर रहा हूं जिसे प्राइमएनजी के साथ एंगुलर 11 लिखा गया है। घटकों में से एक में एक p-autoComplete खोज फ़ील्ड है जो एक खोज फ़ंक्शन (onSelect) ईवेंट को सक्रिय करता है। मैं चाहता हूं कि जब फ़ंक्शन होता है, तो किसी अन्य घटक में, जिसमें p-accordion होता है, मैं उस टैब को खोलूंगा....
12 जुलाई 2021, 10:10
मैंने विवरण के साथ 4 चेकबॉक्स टॉगल बनाए हैं, लेकिन एक ही समय में केवल एक चेकबॉक्स टॉगल काम कर रहा है जब मैं एक और 3 टॉगल पर क्लिक कर रहा हूं, तो मैं एचटीएमएल कोड की स्क्रिप्ट को क्या बदलूं ताकि सभी चेकबॉक्स काम कर सकें। पी <!-- Check box dropdown --> <script> function myFunction() { // Get the ....
6 जुलाई 2021, 12:02
मैं AccordionDetails के अंदर एक रेडियो समूह को नेस्ट करने का प्रयास कर रहा हूं, फिर Accordion सूची को एक स्वतः पूर्ण घटक के अंदर विकल्प के रूप में सम्मिलित करें इसके रेंडरऑप्शन प्रॉप्स। मेरी समस्या यह है कि रेडियो बटन के लेबल (जो निरीक्षण किए जाने पर एक अवधि तत्व है) पर क्लिक करने से चयनित मान को र....
18 जून 2021, 09:57
परिचय - मैं JSON डेटा को Accordion में दिखाने की कोशिश कर रहा हूं। इसलिए मैंने इसे बनाने के लिए react-sanfona (github) का इस्तेमाल किया। मैं getComponent फ़ंक्शन recursively को कॉल करने का प्रयास कर रहा हूं ताकि मैं जांच कर सकूं कि यह एक array है या object यदि यह सरणी है तो मैं उसी फ़ंक्शन को कॉल....
18 जून 2021, 09:33
मेरे पास एक बूटस्ट्रैप 5 अकॉर्डियन है जो इस तरह दिखता है: <div class="accordion" id="my_accordion"> <div class="accordion-item"> <h2 class="accordion-header" id="heading_bar"> <button class="accordion-button collapsed bg-light my-collapse" type="button" data-bs-toggle="collapse" data-bs-....
6 जून 2021, 17:25
मेरे पास रिएक्ट में बटनों के साथ एक समझौता है जो सामग्री को ऊपर/नीचे स्लाइड करता है, जैसे इस छवि मैंने कुछ कार्यात्मक घटक बनाए हैं और चीजें इस तरह दिखती हैं: <SlideButtonContainer> <SlideButton title="Title goes here"> Content goes here </SlideButton> <SlideButton title="Title go....
4 जून 2021, 10:39