JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div ng-app="myApp" ng-controller="MyCtrl">
    <div accordion close-others="true">
        <div ng-repeat="currItem in items" accordion-group>
            <div accordion-heading>
                <div class="myClass">My Heading {{$index}}</div>
            </div>
            <div class="accordion-inner>asdf asdf asdf</div>
        </div>
    </div>

CSS

.myClass {
    background-color: gray;
    color: black;
}

JavaScript

angular.module("myApp", ['ui.bootstrap'])

    .controller("MyCtrl", function ($scope) {
    $scope.items = [{}, {}, {}, {}];
});