使用jquery滑动div / span的内容

Question

我想要div / span内的内容的幻灯片和幻灯片效果。 例如，

HTML代码：

<span id="test" style="background-color:#212121;" ></span>

JQuery的：

  $("#test").text('testContent').slideUp(600);

从上面的代码中我只想要“testcontent”来滑动，但是，我的整个范围变得滑动。 谁能帮我 ？？？？？？？？？

注意： 如果我使用fadeIn / fadeOut效果，它可以正常工作。

Answer 1

如果要实现

，则应将该内容添加到另一个<span>元素中

$('<span>testContent</span>').appendTo("#test").slideUp(600);