javascript - 单击 div 时隐藏内容

Question

我正在创建一个新网站，我想添加一个按钮，点击该按钮可隐藏网站的某些部分。现在我正在使用下面的代码，它工作正常，但我只需要它再做一件事。如何让它在单击按钮时向按钮添加一个新类，以便我可以使用 css 重新定位单击的按钮？提前致谢!

这是我现在正在使用的 js 代码。

$(".hide-content").click(function() {
    $(".site-header, #page-entry, .site-footer").toggle(500);
    });

$(".hide-content").toggle(function() {
      $(this).text("Hide");
    }, function() {
      $(this).text("Show");
    });
});

Answer 1

尝试 .addClass()

$(".hide-content").click(function() {
    $(".site-header, #page-entry, .site-footer").toggle(500);
    $(this).addClass('ClassName'); //add class
});

---

另请阅读 Class Attribute

.toggleClass()

.removeClass()

this

---

.toggle()一直 deprecated and removed