Machen Sie Angular UI Akkordeon vollständig klickbar statt nur Überschrift Label

Question

Ich benutze ein Angular Ui-Bootstrap Akkordeon. Mit meinem aktuellen Code kann ich nicht das gesamte Überschriftenfeld anklicken und öffnen, nur Überschriftsetikett (Titel) ist klickbar und öffnet das Akkordeon. Jede Hilfe wird geschätzt. Danke im Voraus ! Hier ist mein HTML:

<uib-accordion close-others="oneAtATime"> 
    <div uib-accordion-group is-open="sv.isOpen" class="panel-default" id="{{ sv.domId }}" heading="{{(sv.type == 'Check Call') && sv.type || sv.type + ': '+ sv.city +', '+sv.state}}" 
    ng-repeat="sv in segment.stopVos" tab-group={{$index+1}}> 
     <div class="app-wrapper content"> 

Answer 1

Statt

<uib-accordion-heading> 
    Click me 
</uib-accordion-heading> 

Setup Sie uib-accordion-heading eine volle Breite Element zu enthalten, wie p, p auch einige Standard-Rand bieten so stellen Sie sicher, um es zu entfernen (oder zwicken es genug), damit es Ihren Stil nicht verpfuscht

<uib-accordion-heading> 
    <p style="margin-bottom: 0;"> Click me </p> 
</uib-accordion-heading>