Javascript 对我的小视图页面实现滑动功能

我正在做一个响应网络，对于智能手机版本，我需要实现滑动功能，以便能够用手指滑动屏幕并获得另一个分区

例如，如果我进行搜索，并且正在查看结果列表，我希望能够向右滑动并获得“筛选结果”菜单。我以前从未这样做过，我在Internet上搜索过，我看到的只是在触发滑动事件时可以执行某些操作，例如发出警报或更改背景颜色，但我不知道如何实现这个功能。如果我能用Javascript或Jquery来实现，那就太好了。任何提示都会有帮助

更新

我已经找到了使用TouchWipe Jquery插件进行基本滑动的代码，但我不确定在滑动回调后我能做什么。在这个例子中，只出现了一个文本。另一个疑问是哪个元素应该持有刷卡事件。在这个例子中是$（“#test”）。但也许我应该把$（“body”）？？我为我的无知感到抱歉

<script id='code_1'>
  $(function() {            
    //Enable swiping...
    $("#test").swipe( {
    //Generic swipe handler for all directions
       swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
         $(this).text("You swiped " + direction );  
       },
       //Default is 75px, set to 0 for demo so any distance triggers swipe
       threshold:0
    });
  });
</script>

$（函数（）{
//启用刷卡。。。
$（“#测试”）。轻扫（{
//适用于所有方向的通用滑动处理程序
滑动：功能（事件、方向、距离、持续时间、fingerCount、fingerData）{
$（this）.text（“您刷卡”+方向）；
},
//默认值为75px，演示设置为0，因此任何距离都会触发滑动
阈值：0
});
});

此插件可能有一些用途：或。不需要jQuery。Rory，我已经更新了这个问题，让你看看我对它的怀疑。