JSFiddle - React, Tailwind, and code Playground

by John Wick

HTML

<div ng-app>
    <div ng-controller="MyCtrl">
        <div><button id="mybutton" ng-click="showAlert()">Click me</button></div>
        <div>Value: {{myvalue}}</div>
        <div><div ng-class="{hideByDefault:!myvalue}">Here I am</div></div>
    </div>
</div>

CSS

.hideByDefault{
    display: none;
}

JavaScript

function MyCtrl($scope) {
    
    $scope.myvalue = false;
    
    $scope.showAlert = function(){
      $scope.myvalue = true;  
    };
}