wordpress - 让 Elementor 插件的“目录”功能最初显示为按钮，而不是打开的面板

Question

我真的很喜欢 EA 的“目录”。相关信息：https ://essential-addons.com/elementor/docs/table-of-content/

问题是当一个人访问启用了 TOC 的页面时，TOC 会完全打开，它会覆盖页面上的文本。所以用户必须关闭 TOC 才能阅读内容。根据您的站点设计，这在台式机上不是问题。

但这在移动设备上是一个真正的问题——大部分页面都被覆盖了。

我想要的只是将 TOC 显示为侧面的标准折叠按钮。然后，如果用户想查看 TOC，他们可以单击该按钮，它将正常打开。

也就是说，TOC 的初始状态应该是关闭的（只显示侧面的按钮）。

这可能吗？

这就是我希望控件最初显示在页面上的方式

标签： wordpresselementor

Answer 1

这是使用 HTML5 的一种可能性：

document.getElementById("eael-toc").classList.toggle('collapsed');