使用jquery交换内容并添加fadein效果

想知道是否有人能解答这个难题

我有一些Jquery在工作，它在单击某些文本时交换div中的内容：

<script type="text/javascript">
  $(document).ready(function() {
  $("#changeText").click(function() {
  $("#textBox").html("<div>This text will be changed to something else. in a div</div>");
 });
});
</script>

<a id="changeText">Find out more</a>
<br />
<div id="textBox"><div>This text will be changed to something else</div></div>

但是，当内容交换时，我希望能够淡出旧内容，淡入新内容。有没有办法做到这一点

$("#changeText").click(function() {
    $("#textBox").children().fadeOut('fast',function(){
       $("#textBox").html("<div>This text will be changed to something else. in    a div</div>").fadeIn('fast');
    });
 });

---

再次点击这里

您好，感谢您前几天在Sasterabaşar的帮助。我还有一个问题。当我试图在div中放置一个类或ID时，javascript代码中的div不起作用？例如：$changeText.clickfunction{$textBox.children.fadeOut'fast'，function{$textBox.html此文本将更改为其他内容。在div.fadeIn'fast'；}；。。。像这样使用。内联代码使用单引号。我想这会有帮助的