Swipeable item list how to hide edit, delete buttons after event

I have swipeable list as follows, I swipe a list row to left to reveal "cancel appointment" button and After clicking and canceling appointment by function cancel_appointment , I want the list row swipe back to right to hide the cancel appointment button, what should I add into my function to do it ?

<ion-list can-swipe="listCanSwipe">
<ion-item ng-repeat="item in items">
<h2>{{item.extra_business_name}}</h2>
 <ion-option-button class="button-assertive" ng-click="cancel_appointment(item.id,$index)">
Cancel Apppointment</ion-option-button>
 </ion-item>
</ion-list>