在html中怎么实现页面滑动效果,一个html页面如何实现多个侧滑功能

我的一个html页面有三个界面，用div隐藏显示进行切换，问题是这三个页面都有子页面需要进行滑动。如何在一个html下实现多个侧滑翻页呢。如下：equipmentdetails.html是一个切换页面，如果另一个按钮要再添加一个切换页面，怎么做，在哪修改或者添加，求解，感激不尽。

var ws = null,

wp = null,

wo = null;

// H5 plus事件处理

function plusReady() {

ws = plus.webview.currentWebview();

wo = ws.opener();

wp = plus.webview.create('equipmentdetails.html', 'equipmentdetails.html', {

scrollIndicator: 'none',

scalable: false,

popGesture: 'none'

}, {

preate: true

});

}

if (window.plus) {

plusReady();

} else {

document.addEventListener('plusready', plusReady, false);

}

// 动画窗口

function animateWindow(type) {

wp.show(type);

}

// 关闭窗口

var _back = window.back;

function preateBack() {

if (!ws.preate) {

wp && wp.close();

}

_back();

}

window.back = preateBack;