JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="XYZController">
    {{menuState.show1}}
    <div>

      <ul ng-show='menuState.show1'>

        <li ng-click='stun()'>Stun</li>
        <li ng-click='disintegrate()'>Disintegrate</li>
        <li ng-click='erase()'>Erase from history</li>
      </ul>
      <button ng-click='toggleMenu()'>Toggle Menu</button>
    </div>
  </div>
</div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

JavaScript

var show2 = false;
var app = angular.module("myApp", []);
app.controller("XYZController", function($scope) {
  $scope.menuState = {};
  $scope.menuState.show1 = show2;

});