Javascript 隐藏切换上的滑动

我希望这张幻灯片在关闭时完全隐藏（调整浏览器窗口的大小，它仍然显示）。。我该怎么做

@仅媒体屏幕和（最小宽度：1024px）{
.滑倒{
宽度：80%；
右图：-80%；
}
.滑倒{
右：自动；
左-80%；
}
.close-x{
顶部：12px；
右：20px；
}
.幻灯片.幻灯片内容{
填料：2米4米1米；
}
}

right:（settings.orientation==“right”？-（panelWidth*2）：“auto”），
左：（settings.orientation=='left'？-（panelWidth*2）：“auto”）

您可以添加一些示例代码吗寻求代码帮助的问题必须包含在问题本身中重现所需的最短代码，最好是以最短的代码。请看，我添加了close函数和宽度%onclose