title: hide and show button on button click in angularjs
body: <p>i am creating a web app in which i have four button</p>
  
  <p>1)click here </p>
  
  <p>2) here click </p>
  
  <p>3) (hide button) show click here </p>
  
  <p>4) (hide button) show here click</p>
  
  <p>3rd and 4th buttons are hide</p>
  
  <p>what i want is__________________</p>
  
  <p>when i click on 1st button 3rd button should be visible and when i click on 2nd button 4th button should be visible here is my code </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Example - example-ng-show-production&lt;/title&gt;
    &lt;link href="glyphicons.css" rel="stylesheet" type="text/css"&gt;
    &lt;link href="animations.css" rel="stylesheet" type="text/css"&gt;
  
  
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"&gt;&lt;/script&gt;
  
  
  
  &lt;/head&gt;
  &lt;body ng-app="ngAnimate"&gt;
  
  
  &lt;div&gt;
  
  
  &lt;button ng-model="clickedh"&gt;Click here&lt;/button&gt;
    &lt;button ng-model="clickede"&gt;here click&lt;/button&gt;
    &lt;/div&gt;
  
  &lt;div&gt;
   &lt;button ng-hide="true" ng-show="clickedh"&gt;show click here&lt;/button&gt;
    &lt;button ng-hide="true" ng-show="clickede"&gt;show here click&lt;/button&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but it is not working what do i need to do?</p>