切换文字

假设您有一个链接来显示更多选项，从而扩展了选项列表。 它说“更多选择”。 使用.toggle()或.slideToggle()切换这些选项很容易，但是文本保持不变。 也要切换文字…

$("#more-less-options-button").click(function() {
     var txt = $("#extra-options").is(':visible') ? 'more options' : 'less options';
     $("#more-less-options-button").text(txt);
     $("#extra-options").slideToggle();
});

还有很多其他方式 。

翻译自: https://css-tricks.com/snippets/jquery/toggle-text/