如何在调用jquery文本效果插件之前隐藏内容？

我是jQuery的新手，我正在尝试使用名为Textillate的jQuery文本效果插件。 （文档可以在这里找到： https ： //github.com/jschr/textillate ）

问题是网站上的inEffects属性描述没有描述如何在效果发生之前隐藏内容。 我已将initialDelay设置为6000 ，这意味着在页面加载后6000ms会产生效果。 不幸的是，文本在这6000毫秒期间显示，我需要隐藏它直到效果开始。 我假设inEffects['hidden']会起作用，但事实并非如此。 有没有人有什么建议？ 我的完整脚本如下：

  $(function textillate() { $('.storycontent').textillate( { initialDelay: 6000, inEffects: ['hidden'], in: { effect: 'rotateInDownLeft' } }); });  

我也尝试过使用$(.storycontent).hide(6000); 但这似乎也不是解决方案。 似乎效果立即开始，然后内容就会消失。

Answer 1

使用CSS，在插件运行之前隐藏元素：

 .storycontent{ visibility:hidden; } 

这是一个例子： http ： //jsfiddle.net/n1ck/3hjvj/1/

Answer 2

请设置jsfiddle代码，以便我们进行实验。 您是否尝试过简单地将’storycontent’的CSS设置为’display：none’？ 我认为textillate会知道如何展示它。