Angular: Empty Fiddle
http://angularjs.org/
by pvtpenguin
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<ul class="procedures">
<li ng-repeat="procedure in procedures">
<h4><a href="#" ng-click="show = !show">{{procedure.definition}}</a></h4>
<div class="procedure-details" ng-show="show">
<p>Number of patient discharges: {{procedure.discharges}}</p>
<p>Average amount covered by Medicare: {{procedure.covered}}</p>
<p>Average total payments: {{procedure.payments}}</p>
</div>
</li>
</ul>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.procedures = [
{
definition: 'definition1',
discharges: 1,
covered: 1,
payments: 1
},
{
definition: 'definition2',
discharges: 2,
covered: 2,
payments: 2
},
{
definition: 'definition3',
discharges: 3,
covered: 3,
payments: 3
}
];
}