JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>
<div ng-app="myApp" ng-controller="dummy"> 
    <a id="main-menu-toggle" data-toggle="collapse" data-target="#sidebar" class="hidden-xs open" ng-click="clicked = (clicked) ? false : true"><i class="fa fa-bars"></i>click</a>

    <div id="sidebar" class="col-lg-2 col-sm-1 collapse" ng-class="{'full': clicked}" style="min-height: 75px; display: block;">THEDIV</div>
    
    <div id="sidebar2" class="col-lg-2 col-sm-1 collapse" ng-class="{'anotherclass': clicked}" style="min-height: 75px; display: block;">THEDIV2</div>
</div>

CSS

.full {
    background-color: red;
}

.anotherclass {
        background-color: blue;
}

JavaScript

angular.module('myApp', [])
    .controller('dummy', ['$scope', function ($scope) {

}]);