javascript - div 打开时更改链接上的文本

Question

我的页面上有一个按钮

 <button id="show1" class="morelinkblack">Find Out More</button>

单击时会运行此代码

 $("#show1").click(function(){
   $(".hidden-div1").slideToggle("slow");
 });

当 div 可见时，有没有办法将文本更改为“关闭”而不是“了解更多”？

Answer 1

你可以这样做:

$("#show1").click(function(){
    var that = $(this);
    $(".hidden-div1").slideToggle("slow", function() {
        if ($(this).is(":visible")) {
            that.text("Close");
        } else {
            that.text("Find out more");
        }
    });
});

根据评论，div 可以根据用户的定向位置打开或关闭。在 DOM 中进行简单的检查就可以相应地设置文本:

$(".hidden-div1").is(":visible") ? $("#show1").text("Close") : $("#show1").text("Find out more");