jquery - 切换根据操作替换文本

Question

我有一个元素，当单击它时，它会向下滑动以显示其余内容，它显示“显示更多信息”。

我需要的是在单击展开时将该文本更改为“显示较少信息”，但在折叠时将其改回“显示更多信息” .

这是一个可以作为起点的 fiddle :http://jsfiddle.net/QWB4J/1/

我尝试使用.replaceWith，但它仅在展开而不是折叠时有效。

非常感谢任何帮助。

编辑-

这是一个解决方案:http://jsfiddle.net/QWB4J/24/

解决方案由willw提供。

Answer 1

您可以在toggleClass调用后添加类似的内容:

  $(".desc").html($(".desc").hasClass("collapse") ? "Less" : "More");

希望对你有帮助