Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="Demo">
    <div>
        <input type=checkbox ng-model=collapse>Title</input>
        <div ng-show=collapse>Content</div>
    </div>
    <table>
        <tbody ng-repeat='m in members'>
            <tr>
                <td>
                    <input type=checkbox ng-model=show ng-class='{open:show}'></input>
                </td>
                <td>{{m.title}}</td>
            </tr>
            <tr ng-show=show>
                <td></td>
                <td>{{ m.content }}</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

input[type=checkbox] {
	-webkit-appearance: none;
    width: 1em;
    height: 1em;
}
input[type=checkbox]:after {
content: '▹';
}
input.open[type=checkbox]:after {
content: '▿';
}

JavaScript

var myApp = angular.module('myApp', []);

Demo = function($scope) {
    $scope.members = [
        { title: 'Colors', content: 'Red, Green, and Blue' },
        { title: 'Shapes', content: 'Square, Circle, and Triangle' },
        { title: 'Volumns', content: 'Cube, Sphere, and Whatever' },
        ];
}
console.log('Hello')