<dd>
  <a ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }"  accordion-transclude="heading">{{heading}}</a>
  <div class="content" ng-style="isOpen ? {display: 'block'} : {}" ng-transclude></div>
</dd>

<dd>
  <a ng-click="isOpen = !isOpen" ng-class="{ active: isOpen }"  accordion-transclude="heading">{{heading}}</a>
  <div class="content" ng-class="{ active: isOpen }" ng-transclude></div>
</dd>

Use Foundation active class for the accordion
Use Foundation active class for the accordion

So it can be styled appropriately using the `$accordion-content-active-bg-color`