# Hide \<ion-nav-buttons\> with ng-hide/ng-show

**URL:** <https://forum.ionicframework.com/t/hide-ion-nav-buttons-with-ng-hide-ng-show/54420>\
**Category:** ionic-v1\
**Created:** [June 10, 2016, 5:05am UTC](https://forum.ionicframework.com/t/hide-ion-nav-buttons-with-ng-hide-ng-show/54420 "2016-06-10T05:05:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![joshiabk](https://avatars.discourse-cdn.com/v4/letter/j/dc4da7/32.png) [@joshiabk](https://forum.ionicframework.com/u/joshiabk)\
**Post date:** [June 10, 2016, 5:05am UTC](https://forum.ionicframework.com/t/hide-ion-nav-buttons-with-ng-hide-ng-show/54420/1 "2016-06-10T05:05:35Z")

</div>

I’ve tried conditionally hiding and showing elements in ion-nav-buttons element and found it to be laggy. There’s time where both elements are visible making a jarring transition.

```
<ion-nav-bar class="bar-stable">
   <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left" ng-hide="option.extra"></button>
            <button class="button button-icon button-clear ion-android-arrow-back" ng-click="option.hideExtra()" ng-show="option.extra"></button>
        </ion-nav-buttons>
        <ion-nav-buttons side="right">
            <button class="button button-icon button-clear ion-android-color-palette" ng-show="option.extra"></button>
        </ion-nav-buttons>
</ion-nav-bar>

```

Is there a way to fix this I haven’t thought of? I’ve tried ng-if and ng-switch and the same thing happens.Please find [Plunker](http://plnkr.co/edit/01OHVk6t3P3gOc3XY2iH?p=preview) for the same.