Javascript 带slideout.js的左右滑出菜单

我正在使用slideout.js创建我的汉堡菜单。我已经创建了左侧菜单，但我无法找到如何创建右侧菜单

我在左边使用的代码是：

var slideout = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('menu'),
    'padding': 256,
    'tolerance': 70
});
document.querySelector('.js-slideout-toggle').addEventListener('click', function () {
    slideout.toggle();
});

右边的唯一区别是添加

“side”：“right”

在API中，它说您可以使用

slideout.destroy（）清理实例，以便在同一区域上创建另一个滑出。但我不确定如何在新代码中实现这一点

对于正确的滑出，我这样做：

var slideout = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('shop'),
    'padding': 256,
    'tolerance': 70,
    'side': 'right'
});
document.querySelector('.js-slideout-toggle-right').addEventListener('click', function () {
    slideout.toggle();
});

但这不起作用。一旦我点击了.js滑动切换右按钮，它就不会在右边打开。一旦我点击.js滑出开关打开左侧菜单，右侧菜单打开，左侧菜单不打开。有什么想法吗？
当你需要两个变量时，你只有一个变量，所以它有点混乱

您只需指定它是
slideoutRight
还是
slideoutLeft
，这里是：

var slideoutLeft = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('menu'),
    'padding': 256,
    'tolerance': 70
});
document.querySelector('.js-slideout-toggle').addEventListener('click', function () {
    slideoutLeft.toggle();
});


var slideoutRight = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('shop'),
    'padding': 256,
    'tolerance': 70,
    'side': 'right'
});
document.querySelector('.js-slideout-toggle-right').addEventListener('click', function () {
    slideoutRight.toggle();
});

我对你想要达到的目标感到困惑。单独启动destroy方法并创建新的slideout实例是否不能解决您的问题？你试了多远？好吧，你只需要加上‘side’：‘right’，然后遵循与left相同的过程。你到底想做什么，你能分享你的代码片段吗？@Roljhon这是我用新id做的
var slideout=new slideout（{'panel'：document.getElementById（'panel'），'menu'：document.getElementById（'shop'），'padding'：256，'公差]：70，'边'：'right'}）；document.querySelector（'.js slideout toggle right'）.addEventListener（'click'，function（）{slideout.toggle（）；}）@DennisNovac谢谢Dennis！我已经更新了我的代码。哦，没想到。很好用！