Change icon when click button ionic 2
<p>i'm trying to change the icon when click the button its show hidden content 
i need to change up and down arrow icon   </p>

<pre><code>&lt;button clear text-center (click)="toggle()"&gt;
 &lt;ion-icon name="arrow-dropdown-circle"&gt;&lt;/ion-icon&gt;
 &lt;/button&gt;

&lt;ion-col [hidden]="!visible" class="accountBalance animated slideInUp"&gt;
       &lt;ion-list&gt;
          &lt;ion-item&gt;
            &lt;h3&gt;limit&lt;/h3&gt;
                &lt;ion-note item-right&gt;
                    &lt;h2&gt;&amp;#x20B9; 55000.00&lt;/h2&gt;
                &lt;/ion-note&gt;
          &lt;/ion-item&gt;
&lt;ion-list&gt;&lt;/ion-col&gt;
</code></pre>

<p>file.ts</p>

<pre><code>visible = false;
  toggle() {
   this.visible = !this.visible;
  }
</code></pre>