angularjs ng-show delay in hidden div with same model
<p>My code is given below: </p>

<pre><code>&lt;button class="btn-border-blue" ng-show="!hasCouponCode" ng-click="hasCouponCode = true;"&gt;Cupom&lt;/button&gt;
&lt;div class="form-inline-cupom" ng-show="hasCouponCode"&gt;
    &lt;input type="text" ng-model="couponCode" placeholder="Código do cupom"&gt;
    &lt;button class="btn-green" ng-click="addCoupon()"&gt;Add cupom&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>When I click on the button, it changes the model value "hasCouponCode", hides the button and shows the <code>div</code> element, but there is delay and visual is bad.</p>

<p>Is there any way to fix this issue?</p>

<p>Thanks!</p>