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

Question

这是一个例子：http://jsbin.com/izegoy
问题：http://i.imgur.com/h1T98.png

脚本：

$(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");
        }
        });
    });
});

HTML：

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>

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

感谢您的时间

Answer 1

这应该真的很好。但您可以尝试使用html();方法：

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