аккордеон - одна панель вложенная в некоторый div

Как я могу вставить одну панель в div? Проблема в том, что эта панель, вложенная в div, открыта, затем не может закрыться при открытии другой панели. Мне нужно это, потому что я собираюсь скрыть несколько панелей. Div, панели которых вложены, я хочу установить на дисплее: none.аккордеон - одна панель вложенная в некоторый div

<div class="panel-group" id="accordion1"> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"> 
       Collapsible Group Item #1 
      </a> 
     </h4> 
    </div> 
    <div id="collapseOne" class="panel-collapse collapse"> 
     <div class="panel-body">Panel 1</div> 
    </div> 
</div> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo"> 
       Collapsible Group Item #1 
      </a> 
     </h4> 
    </div> 
    <div id="collapseTwo" class="panel-collapse collapse"> 
     <div class="panel-body">Panel 2</div> 
    </div> 
</div> 
<div class="divWhichIWantHide"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a data-toggle="collapse" data-parent="#accordion1" href="#collapseThree"> 
        Collapsible Group Item #1 
       </a> 
      </h4> 
     </div> 
     <div id="collapseThree" class="panel-collapse collapse"> 
      <div class="panel-body">Panel 3</div> 
     </div> 
    </div> 
</div>

SAMPLE

источник

2015-09-15 thenewgai

Так что ваш пример показывает одну панели, с несколькими частями (3). Вы нуждаетесь в другой панели в каждой части, так? –

Возможно, я ошибаюсь. Откройте образец и откройте первую часть, где тело - «Панель 3», и не закрывайте ее. Затем откройте любую другую часть, и это проблема. Часть с телом «Панель 3» не закрывается, потому что вложен в div. Вопрос в том, как я могу заставить его работать правильно. Я имею в виду, когда открываю часть с Panel Panel 3, а затем открываю любую другую часть, затем автоматически закрывается. – thenewgai

Если вы можете избавиться от своего div, который обертывает вложенную аккордеонную часть «Панель 3», вы ее исправляете. Это требование иметь этот конкретный div? (см. пример [здесь] (http://www.bootply.com/AllFcvP0Af)) –

При обертывании DIV в другой DIV, спросите себя: в том, что этот конкретный ДИВ особенный? Можно ли избежать этого div?

В общем, когда вы добавляете DIV завернуть другой DIV, позволяет сказать:

<div class="div1"> 
    <div class="div2"></div> 
</div>

Вы можете объединить «класс» для себя, как вы, наверное, видели с Bootstrap компонентами:

<div class="div1 div2"></div>

Делая это, вы должны быть уверены, что свойства div1 не изменят эффект css для класса div2.

вот ваш фиксированный проект: Editable Bootply sample

источник

2015-09-15 12:32:04

аккордеон - одна панель вложенная в некоторый div

ответ

Смежные вопросы