Accordion पतन पृष्ठभूमि का रंग बदल जब क्लिक किया (ढह)

0

सवाल

मैं कर रहा हूँ कठिनाइयों के इस कोड. मैं जानता हूँ कि यह बहुत आसान है आप के लिए. मैं accordion पतन पृष्ठभूमि का रंग बदलने के लिए जब क्लिक किया(ढह). संक्रमण का कोई भी पृष्ठभूमि रंग में पृष्ठभूमि रंग सफलतापूर्वक ठीक काम कर रहा. केवल समस्या है, मैं की तरह निष्क्रिय करने के लिए पृष्ठभूमि रंग पर पहली लोड. यहाँ कोड है http://jsfiddle.net/gjLxo7be/

.med-header a:not(.collapsed) {
    background-color: #1b3189;
}

a:not(.collapsed) p.contitle1 {
    color: #fff;
}

p.contitle1 {
  color: #1b3189;
  font-size: 25px;
  letter-spacing: 1px;
  margin: 0 15px;
    text-align: justify;
    font-weight: 500;
  }
  
 .med-header a {
    display: block;
    position: relative;
  }
<div id="accordion" role="tablist">
<div class="card m-1 ">
<!--1st-->                              
<div class="panel-default-med">
<div class="med-header" role="tab">
<a data-toggle="collapse" class="text-decoration-none" href="#section-1">
<div class="med-wrap">
 <p class="contitle1">診療方針について</p>
</div>
</a>
</div>
<div class="collapse" id="section-1" data-parent="#accordion">
<div class="card-body">
<p class="context-med">
糖尿病や高血圧等のいわゆる生活習慣病の予防および治療、その合併症である循環器、腎臓疾患等を診療します。 またプライマリ・ケア医として一般内科の他、風邪、呼吸器疾患、骨粗鬆症等の診断や治療も行います。一方で、高齢化に伴って急増している認知症につきましても、もの忘れ外来を開設して診療を行います。                                           
</p>
</div>
</div>
</div>
</div> 
</div>

or maybe closed the collapse accordion when clicked outside by using javascript? any codes will do. 
css html javascript
2021-11-24 03:12:18
1

सबसे अच्छा जवाब

1

आप मुझ पर विश्वास नहीं है, लेकिन बस इस जोड़ने के लिए, "ढह" वर्ग "के लिए लंगर" टैग इस तरह,

<a data-toggle="collapse" class="text-decoration-none collapsed" href="#section-1">

तुम जाने के लिए अच्छे हैं.

2021-11-24 03:43:44

धन्यवाद, लेकिन मैं कैसे कर ऑटो बंद जब एक accordion क्लिक किया जाता है?
maru

आप करने के लिए बच्चे को डाल दिया accordion के साथ वर्ग accordion-item के अंदर माता-पिता accordion के साथ वर्ग accordion
shirshak007

मैं यह नहीं मिलता है?
maru

<div class="accordion"> <!-- माता-पिता --> <div class="accordion-आइटम"> <!-- बच्चे 1 --> ... </div> <div class="accordion-आइटम"> <!-- बच्चे 2 --> ... </div> <div class="accordion-आइटम"> <!-- बच्चे 3 --> ... </div> </div> इस तरह ...
shirshak007


आप विश्वास नहीं करेंगे, लेकिन यह काम नहीं करता है । jsfiddle.net/cp6rsqy4
maru

आप क्या कर रहे हैं आप का उपयोग कर बूटस्ट्रैप 3 या 4 ?
shirshak007

मैं हूँ बूटस्ट्रैप 3 का उपयोग कर
maru

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में