一个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;