Javascript 使用jQuery Mobile滑动切换开关

我有两个用按钮来回切换的div。链接到js fiddle:

这是我的剧本。我只想在手机上刷卡，它似乎在接收我在手机上的刷卡，但我觉得有点不对劲。有什么想法吗

 $function() {
  $("[name=toggler]").click(function() {
  $('.toHide').hide();
  var toShow = $(this).is(":checked") ? "blk-1" : "blk-2";
  $("#" + toShow).toggle(1);
});
});

$(function() {
$("#on").on("swipeleft",function(){
document.addEventListener("swipeleft",)
  $('.toggle-label input[type=checkbox]:checked+.back .label.on ').swipe("swipeleft", {direction: 
 "left" }, 1000);

});
});  
$(function() {
$("#off").on("swiperight",function(){
  $('.toggle-label input[type=checkbox]:checked+.back .label.on ').swipe("swiperight", {direction: 
  "right" }, 1000);

});
});