jQuery 切换转换 translate3 值

Question

我有一个 javascript function 它是这样的：

function toggle() {
  $('.sidebar').toggle();
}

我可以用一些 css 作为侧边栏：

.sidebar {
  transform: translate3d(-280px, 0px, 0px);
  position: absolute;
  width: 280px;
  background: #263249;
  color: #eee;
  left: 0;
  height: 100%;
  transition: all .3s;
}

此侧边栏现在已隐藏，但是当我运行切换 function 时，我需要它来切换此值：

transform: translate3d(0px, 0px, 0px);

我怎样才能做到这一点？

Answer 1

您可以使用切换类

 function toggle() { $('.sidebar').toggleClass('newValue'); }

 .sidebar { transform: translate3d(-280px, 0px, 0px); position: absolute; width: 280px; background: #263249; color: #eee; left: 0; height: 100%; transition: all.3s; }.newValue { transform: translate3d(0px, 0px, 0px); }