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

我对jQuery非常陌生，我正在尝试使用一个名为Textillate的jQuery文本效果插件。文档可在此处找到：

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

<script type="text/javascript">
                        $(function textillate() {
                            $('.storycontent').textillate(
                                    {
                                        initialDelay: 6000,
                                        inEffects: ['hidden'],
                                        in: {
                                            effect: 'rotateInDownLeft'
                                        }
                                    });
                        });
</script>

---

我还尝试使用$.storycontent.hide6000；但这似乎也不是解决办法。看起来效果马上就开始了，然后内容就消失了

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

.storycontent{
    visibility:hidden;
}

---

下面是一个示例：

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

.storycontent{
    visibility:hidden;
}

---

这里有一个例子：

请用代码设置JSFIDLE，这样我们就可以进行实验了。您是否尝试过将“storycontent”的CSS默认设置为“display:none”？我假设textillate会知道如何显示它。

请使用代码设置JSFIDLE，以便我们可以进行实验。您是否尝试过将“storycontent”的CSS默认设置为“display:none”？我想textillate会知道如何显示它。

我知道它有点旧，但这里有一条信息值得考虑

如果为每个角色设置了动画，则隐藏每个角色的可见性。除了N1C正确的答案外，还应添加以下内容

.storycontent span{
     visibility:hidden;
}

---

我知道这有点旧，但这里有一条信息值得考虑

如果为每个角色设置了动画，则隐藏每个角色的可见性。除了N1C正确的答案外，还应添加以下内容

.storycontent span{
     visibility:hidden;
}

---

这非常有效。谢谢很抱歉问了这么一个初学者的问题，但我完全被卡住了。这非常有效。谢谢对于这样一个初学者的问题，我感到很抱歉，但我完全被卡住了。我将storycontent设置为visibility:hidden，它就成功了。谢谢。我将storycontent设置为visibility:hidden，结果成功了。非常感谢。