JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <button ng-click="correctUser = !correctUser">Show Header</button>
    {{correctUser}}
  <div id='login'></div>
  <div id='header'>Header Template</div>
 <div id='mainarea'>Main Area Template</div>
<div>

CSS

#header, #mainarea{
display:none;
}

JavaScript

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

myApp.controller('myCtrl',function($scope){

if(correctUser){
$('#header').show();
$('#mainarea').show();
}else{
$('#login').hide();
}


})