css - Scriptaculous Effect.toggle 不显示外部设置时不出现

Question

我在使用 scriptaculous Effect.toggle 让元素出现时遇到问题，我希望元素开始隐藏并在点击时出现。如果我将元素显示设置为无内联，则元素将出现在点击时，但如果我在外部 css 文件中将元素显示设置为无，则它不起作用。

响应式菜单需要该脚本，因此必须在外部 css 文件中设置显示，并且必须切换效果。

两个例子的 Jsfiddle：http: //jsfiddle.net/TjFKy/

有谁知道如何解决这个问题？谢谢

Answer 1

根据文档，您必须display: none;在这些容器上设置内联才能使这些效果正常工作。