How to add smooth transition for Angular.js Show/Hide?
<p>I want to make a smooth transition for hiding and displaying the div tag, but couldn't find a good example that I could use. <br>
Edit: by smooth transition I mean that the div would collapse during 1-2 seconds and not immediately.
<strong>Demo:</strong><a href="https://jsfiddle.net/p21jLfu4/" rel="nofollow">https://jsfiddle.net/p21jLfu4/</a></p>

<pre><code>&lt;div class="test" ng-show="IsVisible"&gt;&lt;/div&gt;
</code></pre>