JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular-animate.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="App">
<div ng-controller="Ctrl" ng-init="showBoxes=false">
<div class="block" ng-show="showBoxes">Block 1</div>
<div class="block" ng-show="showBoxes">Block 2</div>
<button ng-click="showBoxes=!showBoxes">Toggle</button>
<p>Show Boxes: {{showBoxes}} {{hi}}</p>
</div>

</div>

CSS

.block {
	height: 100px;
	width: 100px;
	background-color: blue;
	margin: 15px 10px;
}

JavaScript

angular.module('App', ['ngAnimate'])
.controller("Ctrl", ['$scope', function($scope){
	$scope.hi = "yolo";
}]);