AngularJS HTML DOM
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> </head> <body> <div ng-app="domApp" ng-controller="PanelController as vm"> <button ng-click="vm.visible = !vm.visible">Toggle details</button> <div ng-show="vm.visible"> <p>Here are the extra details you asked for.</p> </div> <p ng-hide="vm.visible">Click the button to see more.</p> </div> <script> angular.module('domApp', []) .controller('PanelController', function() { var vm = this; vm.visible = false; }); </script> </body> </html>