JSFiddle - React, Tailwind, and code Playground

by M.s Muthu

HTML

<div ng-app='myApp' ng-controller="myCtrl">
    <button ng-click="showMenu()" ng-hide="expandMenu">sHoW mEnU</button>
    <ul ng-show="expandMenu">
        <li>menu</li>
        <li>menu</li>
        <li>menu</li>
        <li>menu</li>
        <li>menu</li>
        <button ng-click="closeMenu()">bAcK</button>
    </ul>
</div>

JavaScript

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

app.controller("myCtrl", function ($scope) {
    $scope.expandMenu = false;
    $scope.showMenu = function () {
        $scope.expandMenu = true;
    };
    $scope.closeMenu = function () {
        $scope.expandMenu = false;
    };
});