Javascript 单击div时隐藏内容

我正在创建一个新网站，我想添加一个按钮，当单击时隐藏网站的某些部分。现在我正在使用下面的代码，它工作正常，但我只需要它做一件事。我如何让它在单击按钮时添加一个新类，以便使用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");
    });
});

试一试

---

也读

---

已经试过了

---

也读

---

---

已经

使用

addClass

功能

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

$(".hide-content").click(function() {
  $(this).css("position", "absolute"); //note that params in css function is only an example, do what you need..
  $(".site-header, #page-entry, .site-footer").toggle(500);
});

或者您可以使用

.css

函数直接在jquery上执行

css

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

$(".hide-content").click(function() {
  $(this).css("position", "absolute"); //note that params in css function is only an example, do what you need..
  $(".site-header, #page-entry, .site-footer").toggle(500);
});

---

使用

addClass

功能

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

$(".hide-content").click(function() {
  $(this).css("position", "absolute"); //note that params in css function is only an example, do what you need..
  $(".site-header, #page-entry, .site-footer").toggle(500);
});

或者您可以使用

.css

函数直接在jquery上执行

css

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

$(".hide-content").click(function() {
  $(this).css("position", "absolute"); //note that params in css function is only an example, do what you need..
  $(".site-header, #page-entry, .site-footer").toggle(500);
});

---

toggle（）的底部版本已被弃用并删除。toggle（）的底部版本已被弃用并删除。我如何使其在再次单击时切换回？如何使其在再次单击时切换回？这非常有效，但如何使其在再次单击时切换回正常状态？@user3043983 Use

$（this）.toggleClass（'ClassName'）；

这很好，但是当再次单击时，我如何使其切换回正常状态？@user3043983使用

$（this）.toggleClass（'ClassName'）；