Javascript 更改名称onclick

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

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

我想要的只是信息名称，一旦点击，它会在关闭时更改其名称

尝试与simple一起使用，以实现您的目标

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

---

这是基于你的小提琴

只需编辑其中的html即可

---

如果元素本身被隐藏，您将如何显示更改的文本？

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

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