我想每次单击按钮时都在其上切换文本，例如，从“显示更多...”到“显示更少...”。
我有一个用于扩展或折叠附近街区的按钮（请参见Bootstrap文档的“ 折叠”部分，单击示例“使用href链接”以了解我的意思）。
此类Bootstrap按钮的HTML如下所示：
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample">
See more...
</a>
当相关的块折叠时，我希望按钮文本为例如“显示更多...”，而当其展开时，我希望其文本为例如“显示更少...”。
我已经看到了将按钮文本分成jQuery，Javascript或CSS的解决方案-但这使读取HTML变得困难（按钮文本完全位于按钮的其他位置），并且也使得本地化更加困难。