Listview : How to use the finger to move an element to the right ?

Listview : How to use the finger to move an element to the right ?

Hello,

I've created a listview that works well but I would like to add some functionalities to the listview.

Actually, when the user uses his smartphone with his finger, I would like that when the user makes a move with his finger to the right, the"<li>" element slips to the right and that then, the element comes back to his initial place and changes of color.

Is it possible ? Do you have a solution or help ?

Thank you

  1. <div data-role="page">
  2.         <div data-role="header">
  3.         </div>
  4.         <div data-role="content">
  5.             <ul data-role="listview" data-inset="true">
  6.                 <li data-role="list-divider" data-icon="arrow-d">
  7.                     <a href="#" style="text-decoration:none;">Les lettres</a>
  8.                 </li>
  9.                   
  10.                  <li>a</li>
  11.                   <li>b</li>
  12.                   <li>c</li>
  13.             </ul>
  14.         </div>
  15.     </div>