# How can i swipe list item using javascript? **URL:** \ **Category:** uncategorized\ **Created:** [June 2, 2014, 9:01am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080 "2014-06-02T09:01:24Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 2, 2014, 9:01am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/1 "2014-06-02T09:01:25Z")
I want to trigger swipe event in javascript, how is that possible ? ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [June 2, 2014, 10:50pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/2 "2014-06-02T22:50:15Z")
Are you asking to have an function run on swipe or to simulate the swipe gesture? ---
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 4, 2014, 4:33am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/3 "2014-06-04T04:33:11Z")
i am asking to simulate the swipe gesture. ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [June 4, 2014, 1:04pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/4 "2014-06-04T13:04:00Z")
Hmm good question. I guess a better question would be to ask what event are you trying to trigger? ---
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 4, 2014, 2:09pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/5 "2014-06-04T14:09:07Z")
I want to close list-item when i click on ion-option-button. It should hide options button and reset the list item state (i.e. Swipe to the right automatically). ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [June 4, 2014, 7:05pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/6 "2014-06-04T19:05:30Z")
Makes sense. Yes this is possible, see my demo. ``` $scope.edit = function(item) { alert('Edit Item: ' + item.id); $ionicListDelegate.closeOptionButtons(); }; ``` [http://ionicframework.com/docs/api/service/$ionicListDelegate/](http://ionicframework.com/docs/api/service/%24ionicListDelegate/) > **[Ionic List: One at a Time](https://codepen.io/mhartington/pen/ubBCd)** > > An Ionic list directive Forked from \[Ionic\](/ionic)'s Pen \[List: 1.0.0-beta.6\](/ionic/pen/JsHjf/).... ---
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 5, 2014, 9:29am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/7 "2014-06-05T09:29:43Z")
great @mhartington. Thanks a lot man. ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [June 5, 2014, 12:28pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/8 "2014-06-05T12:28:12Z")
I have an updated codepen with a directive that will close the option button if you attempt to scroll as well. > **[List: Close on scroll](https://codepen.io/mhartington/pen/gzrvL)** > > An Ionic list directive Forked from \[Ionic\](/ionic)'s Pen \[List: 1.0.0-beta.6\](/ionic/pen/JsHjf/).... ---
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 6, 2014, 9:45am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/9 "2014-06-06T09:45:32Z")
is there something like $ionicListDelegate.openOptionButtons()? ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [June 6, 2014, 1:07pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/10 "2014-06-06T13:07:57Z")
If itโ€™s not in the docs, then nope ๐Ÿ˜ ---
**Author:** ![mrameezraja](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrameezraja/32/12745_2.png) [@mrameezraja](https://forum.ionicframework.com/u/mrameezraja)\ **Post date:** [June 6, 2014, 1:23pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/11 "2014-06-06T13:23:11Z")
๐Ÿ˜ƒ how can i implement it ? i damn need it โ˜น. I am not good in angular. ---
**Author:** ![icecappacino](https://avatars.discourse-cdn.com/v4/letter/i/77aa72/32.png) [@icecappacino](https://forum.ionicframework.com/u/icecappacino)\ **Post date:** [August 24, 2014, 3:15pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/12 "2014-08-24T15:15:27Z")
Is there anyway to force an animation of closeOptionButtons()? ---
**Author:** ![jdnichollsc](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jdnichollsc/32/137196_2.png) [@jdnichollsc](https://forum.ionicframework.com/u/jdnichollsc)\ **Post date:** [June 25, 2015, 3:20pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/13 "2015-06-25T15:20:42Z")
Hi men, Did you get it (openOptionButtons)? Thanks in advance, Nicholls ---
**Author:** ![arturokunder](https://avatars.discourse-cdn.com/v4/letter/a/dec6dc/32.png) [@arturokunder](https://forum.ionicframework.com/u/arturokunder)\ **Post date:** [July 28, 2015, 11:32pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/14 "2015-07-28T23:32:09Z")
@jdnichollsc I managed to simulate the event via javascript when a click event happends on an ion-item Basically, I managed the click evento so it would add the same translate3d transformation. Once you put the transformation, ionicโ€™s css manages the rest. Codepen: > **[List: Nightly](https://codepen.io/anon/pen/mJQwbP?editors=101)** > > An Ionic list directive Forked from \[Ionic\](http://codepen.io/ionic/)'s Pen \[Thumbnail List: Nightly\](http://codepen.io/ionic/pen/isfAJ/).... ---
**Author:** ![jdnichollsc](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jdnichollsc/32/137196_2.png) [@jdnichollsc](https://forum.ionicframework.com/u/jdnichollsc)\ **Post date:** [August 2, 2015, 1:15am UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/15 "2015-08-02T01:15:31Z")
Very nicee! Thanks for your response my friend! ๐Ÿ˜ƒ This is my example with a hold gesture: [http://codepen.io/jdnichollsc/pen/YXOqEw](http://codepen.io/jdnichollsc/pen/YXOqEw) ---
**Author:** ![tpalmer75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/tpalmer75/32/90478_2.png) [@tpalmer75](https://forum.ionicframework.com/u/tpalmer75)\ **Post date:** [October 1, 2015, 7:04pm UTC](https://forum.ionicframework.com/t/how-can-i-swipe-list-item-using-javascript/5080/16 "2015-10-01T19:04:10Z")
Very helpful thread! Thanks guys.