jQuery没有'；t正确更新span标记的内容

下面是一个例子：
问题:

脚本：

$(document).ready(function(){
    $("p:eq(1)").hide().after("<span>View more</span>");
    $("span").click(function(){
        $("p:eq(1)").slideToggle(200,function(){
            if($("span").text()=="View more"){
                $("span").text("View less");
        }   else{
                $("span").text("View more");
        }
        });
    });
});

$（文档）.ready（函数（）{
$（（p:eq（1）”）.hide（）.after（“查看更多”）；
$（“span”）。单击（函数（）{
$（（p:eq（1）”）。滑动切换（200，函数（）{
如果（$（“span”）.text（）=“查看更多”）{
$（“span”）.text（“无视图”）；
}否则{
$（“span”）.text（“查看更多”）；
}
});
});
});

html:

Lorem ipsum Door sit amet，Concertetur Adipising elit，sed do eiusmod
暂时性的劳工和财产损失

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失

当我更新span标记的内容时，它会在原始span标记之外创建新文本。它在页面上不明显，但只有当您查看生成的源代码时才会出现。我不知道我做错了什么

---

感谢您抽出宝贵的时间

这应该很好用。但是您可以尝试使用

html（）方法：

$("span").html("View less");

您的代码似乎有效：我没有看到您看到的内容，创建的唯一文本在span标记内。在Chrome 17中有效（并使用Inspector进行验证）。生成的源代码似乎对我有效：
View less
看起来不错，但源代码混乱。它看起来是这样的：无视图“无视图”
$("span").html("View less");