javascript - スワイプしてチェックボックスを表示

Question

ここに示すように、一種のリストビューでスワイプして削除ボタンを表示できる、私が気に入っているこのコードを見てきました: http://ankane.github.io/swipeout/demo.html

これで、このjsfiddleのようなdivにリストビューが表示されました

<div id="maincontent">
    <div id="title">Title 1</div>
    <div id="delbutton"><input type="checkbox"></div>
</div>
<div id="maincontent">
        <div id="title">Title 2</div>
    <div id="delbutton"><input type="checkbox"></div>
</div>
<div id="maincontent">
    <div id="title">Title 3</div>
    <div id="delbutton"><input type="checkbox"></div>
</div>
<div id="maincontent">
    <div id="title">Title 4</div>
    <div id="delbutton"><input type="checkbox"></div>
</div>
body{margin:0;}
#maincontent{width:100%; height:81px; border-bottom:1px solid #ccc;}
#title{font-size:20px; float:left; margin-left:20px; margin-top:10px;}
#delbutton{float:right; margin-right:20px; margin-top:30px;}

右にスワイプしてチェックボックスを表示できるようにしたいのですが、これは可能ですか? 私はそれをできるだけシンプルにしたかったのですが、コーディングや混乱が多すぎないようにしたかったのですが、スリムなバージョンを見つけることができませんでした.

誰でも私を助けることができるアイデアを持っていますか?