当外部没有设置显示时，Scriptaculous Effect.toggle不显示

Question

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

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

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

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

Answer 1

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