javascript - 单击后更改按钮文本

Question

我做了一个“显示更多”按钮并且它工作正常，但我希望切换“显示更多”>“显示更少”>“显示更多”...我试过这种方式但它不起作用。我不擅长 jquery 和 javascript。

<button type="button" id="hideshow" class="btn btn-danger btn-ver-mais">SHOW MORE </button>


jQuery(document).ready(function(){
        jQuery('#hideshow').on('click', function(event) {        
             jQuery('#btn-show-more').toggle('show');
        });
    })

$(function(){
   $("#hideshow").click(function () {
      $(this).text(function(i, text){
          return text === "SHOW MORE" , "SHOW LESS" , "SHOW MORE";
      })
   });
})

Answer 1

没有看到您的 HTML，很难给您建议。不过，我想我知道您要做什么。

显示更多按钮的 HTML 看起来像这样:

<div id="hideshow">Show More</div>

为了改变文本我会做这样的事情(固定的)

$(function() {
    $('#hideshow').click(function() {
        if ($(this).text() === 'Show More') {
            $(this).text('Show Less');
        } else {
            $(this).text('Show More');
        }
    });
});