title: How to hide the div after sometime in angular or css?
body: <p>I have one div, initially it is hidden. But on click of the button i am showing it using angular ng-show directive. After showing for 2 seconds i want to hide it. How to do it using angular or css anyone is ok.</p>
  
  <p><strong>HTML code</strong></p>
  
  <pre><code>       &lt;div class="subcontent tinyUrlContainer"&gt;
            &lt;span class="slabel col-md-2"&gt;WAP Link :&lt;/span&gt;
            &lt;div class="input-group col-md-6"&gt;
                  &lt;input type="text" ng-model="wapLink"  class="form-control"&gt;
                  &lt;span class="input-group-btn" my-Tooltip&gt;
                      &lt;button type="button" class="btn btn-default" clipboard supported="supported" text="wapLink" ng-click="clipboard=true" on-error="fail(err)"&gt;&lt;img class="clippy" src="./images/surveys/tinyUrl.png" width="13" alt="Copy to clipboard" data-pin-nopin="true"&gt;&lt;/button&gt;
                  &lt;/span&gt;
            &lt;/div&gt;
  
         &lt;/div&gt; 
         &lt;span class="copied col-md-offset-6 col-lg-offset-5  col-md-1" ng-show="clipboard"&gt;Copied!&lt;/span&gt;
  </code></pre>
  
  <p>on click of the button am setting the clipboard as true and in .copied class element ng-show="clipboard" am setting.</p>