title: Angular ng-show slowly hidden
body: <pre><code>&lt;div&gt;
      &lt;button type="submit" class="btnSubmit" ng-show="vm.isSearchIconVisible" after-hide="afterHide()" after-show="afterShow()"&gt;
         &lt;i class="iconMglass"&gt;&lt;/i&gt;
      &lt;/button&gt;
      &lt;button type="reset" my-show="!vm.isSearchIconVisible" after-hide="afterHide()" after-show="afterShow()" class="clearTextButton" ng-click="vm.clearSearchText()" &gt;
         &lt;span class="clearIcon"&gt;X&lt;/span&gt;
     &lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p>Hi,</p>
  
  <p>I have two buttons that sits one on top of the other and I want to switch between them visually with a flag (isSearchIconVisible).
  Logicly it works fine, but there is 500ms that they are seen together and overlapping.
  I've used <a href="https://stackoverflow.com/questions/20921622/running-code-after-an-angularjs-animation-has-completed">directive</a> to catch the ng-show completed "event".</p>