openproject/frontend/app/components/common/collapsible-section/collapsible-section.directive.html

<section class="collapsible-section" ng-class="{ '-expanded': $ctrl.expanded }">
  <accessible-by-keyboard execute="$ctrl.toggle()"
                          aria-label="{{ ::$ctrl.sectionTitle }}"
                          link-class="collapsible-section--toggle-link"
                          span-class="collapsible-section--legend">
    <span ng-bind="::$ctrl.sectionTitle"></span>
  </accessible-by-keyboard>
  <div class="collapsible-section--body toggle-slide-animation" ng-show="$ctrl.expanded">
    <ng-transclude></ng-transclude>
  </div>
</section>