Javascript 如何手动设置Textillate脚本？

我正在使用动画制作一个sentense，我真的不知道如何手动设置动画。单击按钮后，文本应以动画形式显示。而且效果很好：

$( "#my_button" ).click(function() {   
$('#my_text').textillate({loop: false, initialDelay: 200, in: {effect: 'bounceInLeft'}});
$('#my_text').addClass('show');
});

现在我想让这段文字通过动画消失。我试着这样做：

$( "#my_2_button" ).click(function() {   
$('#my_text').textillate({loop: false, out: {effect: 'bounceOutLeft'}});
});

但它不起作用。你有什么想法吗

CSS:

---

你可以用给定的方法来做。它们在这一页的底部。

---

在您的例子中，它是

$element.textillate（'out'）

为什么要添加！课堂上重要的<代码>节目？它将覆盖此pluginIt中的css，覆盖#my_文本的基本不透明度。如果没有它，“我的”文本将保持不可见。当单击“我的”按钮时，您可以删除类

show

<代码>$（'my#u text'）。removeClass（'show'）我照你说的做了，结果我的文字突然消失了，没有任何动画。这是因为它的不透明度再次变为0。

`#my_text {
opacity: 0;
}

.show {
opacity: 1!important;
}`