JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myapp">
  <div ng-controller="MainController">
    <div ng-repeat="x in menus">
      <div ng-click="ShowHide(x)"> {{x.title}}</div>
      <div ng-if="x.IsVisible">Show Element {{x.title}}</div>
    </div>
  </div>
</div>

JavaScript

app = angular.module("myapp", []);
 app.controller("MainController", function($scope, $http) {
  
   $scope.menus = [{
       id: "1",
       title: "Menu1",
       action: "#"
     },
     {
       id: "2",
       title: "Menu2",
       action: "#"
     },
     {
       id: "3",
       title: "Menu3",
       action: "#"
      
     }

   ];
   $scope.menus.IsVisible= false;

   $scope.ShowHide = function(event) {
     
     event.IsVisible = !event.IsVisible;
   }
 });