JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="app">
    <table ng-controller="TestController" class="table table-striped table-bordered">
        <tr ng-repeat-start="d in data" ng-click="d.open = !d.open">
            <td><strong>{{d.name}}</strong></td>
        </tr>
        <tr ng-repeat-end ng-show="d.open">
            <td>{{ d.info }}</td>
        </tr>
    </table>
</div>

JavaScript

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

app.controller('TestController', function ($scope) {
    $scope.data = [{
        name: 'Shidhin',
        info: 'I am from Dubai',
        test: 'io sono pippo',
        open: false
    }, {
        name: 'Someone',
        info: 'I am from New york',
        test: 'io invece pippo',
        open: false
    }, {
        name: 'Someone 1',
        info: 'I am from New york 1',
        test: 'io invece pippo 1',
        open: false
    }];
});