Full Clickable Accordion in Bootstrap

Question

Я создал страницу оплаты для мобильных устройств в php с загрузкой. Если посетитель нажимает на текст, панель расширяется. Но если посетитель щелкает рядом с текстом, панель не расширяется. Это не полезно.

Как мы можем преобразовать свернутую панель в полностью интерактивную?

Answer 1

Вы можете вручную переключить аккордеон с $('#myAccordion').collapse('toggle')

Просто установите обработчик событий, чтобы наблюдать за клики по какой бы области вы хотите быть интерактивными, а затем переключаться на аккордеоне.

Для справки: http://getbootstrap.com/javascript/#collapse

Answer 2

Вам нужно будет поставить атрибут «HREF» на элементе сНу с классом «панели-заголовка», также поставил там «данные-тумблер» атрибут. Как это:

<div class="panel-heading invisible" data-toggle="collapse" href="#collapseOne"> 
     <h1 class="panel-title"> 
      Title 
     </h1> 
    </div> 
<div id="collapseOne" class="panel-collapse collapse"> 
    <div class="panel-body"> 
    </div> 
</div> 

Надежда, что помогает, не забудьте поставить один и тот же идентификатор элемента «панель коллапсом», который содержит «панель-тело». Удачи :)