Acordeon colaps schimba culoarea de fundal atunci cand este apasat (restrânsă)

0

Problema

Sunt dificultăți de acest cod. Știu că acest lucru este prea ușor pentru tine. Am acordeon colaps schimba culoarea de fundal atunci cand este apasat(restrânsă). trecerea de niciunul culoarea de fundal în culoarea de fundal cu succes este de lucru bine. singura problemă e că îmi place să dezactivați culoarea de fundal pe prima sarcina. aici este codul 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

Cel mai bun răspuns

1

Nu mă vei crede, dar doar a face acest lucru, se adaugă "prăbușit" clasa a "ancora" tag de genul asta,

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

Ești bine să plec.

2021-11-24 03:43:44

multumesc, dar cum aș putea auto închide atunci când un alt acordeon este apasat?
maru

Trebuie să puneți copilul acordeon cu clasa accordion-item în interiorul părinte acordeon cu clasa accordion
shirshak007

Eu nu înțeleg?
maru

<div class="acordeon"> <!-- părinte --> <div class="acordeon-item"> <!-- Copil 1 --> ... </div> <div class="acordeon-item"> <!-- Copil 2 --> ... </div> <div class="acordeon-item"> <!-- Copil de 3 --> ... </div> </div> ... astfel de prognoze
shirshak007


nu mă vei crede, dar nu merge. jsfiddle.net/cp6rsqy4
maru

ce vrei tu folosind bootstrap 3 sau 4 ?
shirshak007

Eu sunt, folosind bootstrap 3
maru

În alte limbi

Această pagină este în alte limbi

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................