javascript - 使用 JS 在单击时更改 DIV z-index 并返回原始值

Question

我有一个特定的 DIV，我想在被点击时改变它的 z-index。我怎样才能让它成为一个循环，所以当取消点击/再次点击时，div 会回到它原来的 z-index。

我已经有了这个更改 z-index 的 JS，如何完成它以便它返回？

$(function(){
  $("#offcanvas-menuright").click(function(){
     $(this).css("z-index", 105);
  });
});

Answer 1

你可以在css的帮助下做到这一点

JS:

$(function(){
  $("#offcanvas-menuright").click(function(){
     $(this).toggleClass("foo");
  });
});

CSS:

.foo{
z-index:105
}