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

Question

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

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

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

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

Answer 1

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