将菜单从隐藏更改为可见

Question

我试图从此布局http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/获取滑动菜单，以便在访问网站时默认显示。实际上，我们的一些客户可能不了解如何显示菜单。我通常不使用JavaScript，但我认为这是修复它的方法...... 我已经尝试了所有我能想到的东西，但我必须遗漏一些东西。任何帮助将不胜感激！

由于

Answer 1

我检查了关于codrops的例子

似乎他们通过为容器提供left: 240px;属性

来显示菜单

#container {
  left: 240px;
}

应该在页面加载时显示菜单。

或者为容器提供.slideRight类，以便插件功能保持不变，这意味着菜单仍然可以关闭。

第一种解决方案意味着它固定在开放位置。

无论什么最适合你;）

Answer 2

由于Javascript不是您的专长，我将删除解释。这是最简单的解决方案：当点击它时，该演示页面使用<span>触发侧边菜单，因此您可以在页面加载完成时简单地模拟点击。

将此代码放在JS代码的底部，确保它在页面加载时运行，并将ID更改为触发元素。

$('#tblcontents').trigger('click');

如果您不想触摸JS代码，请添加类slideRight并将属性data-open="true"添加到侧边菜单容器中，这也可以。