javascript - 单击更改名称

Question

我有这个显示和隐藏类的 javascript

$(document.body).ready(function(){
var hidden=$('.hidden');
$('#slid').click(function(){
    if(hidden.hasClass('visible')){
       hidden.removeClass('visible');
    }
    else{
       hidden.addClass('visible');
    }
    });
});

我想要的只是 INFO 名称，一旦单击，它就会在 CLOSE 中更改其名称。

https://jsfiddle.net/q6oe2c80/

Answer 1

尝试使用.text()连同简单的 ternary operator实现你想要的，

$(document.body).ready(function() {
  var hidden = $('.hidden');
  $('#slid').click(function() {
    hidden.toggleClass("visible");
    $(this).text(hidden.hasClass("visible") ? "CLOSE" : "INFO")
  });
});

DEMO