JSFiddle - React, Tailwind, and code Playground

by James Allardice

HTML

<div ng-app="CollapseDemo" ng-controller="CollapseCtrl">
    <div ng-class="{'icon-opened': !collapsed, 'icon-closed': collapsed}" ng-click="collapsed = !collapsed">
        Blue if closed, red if open
    </div>
</div>

CSS

.icon-opened {
    color: red;
}
.icon-closed {
    color: blue;
}

JavaScript

angular
    .module("CollapseDemo", [])
    .controller("CollapseCtrl", [
        "$scope",
        function ($scope) {
            $scope.collapsed = true;
        }
    ])
;