Я использовал UI bootstrap аккордеон в моем угловом js-приложении, его работа проста, но проблема в том, что я помещаю кнопку в заголовок, даже когда я нажимаю на свернутый аккордеон, поэтому я не хочу рушиться, когда нажимаю на кнопку, ноесли в другом месте они рухнут.
например:
<uib-accordion close-others="oneAtATime">
<div uib-accordion-group class="panel-default" is-open="status.isCustomHeaderOpen" ng-repeat="group in groups">
<uib-accordion-heading class="col-sm-12">
<div class="col-sm-3 food-image">
<img ng-src="{{appetizer.image}}" />
</div>
<div class="col-sm-3 food-image">
<button> Button (When i click dont open the collapse) <button/>
</div>
</uib-accordion-heading>{{appetizer.maindescription}}
</uib-accordion>