jQuery 切换转换 translate3 值

Question

我有一个 javascript 函数，它是这样的：

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;

}

这个侧边栏现在是隐藏的，但是当我运行切换功能时，我需要它来切换这个值：

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

我怎样才能做到这一点？

Answer 1

您可以使用 toggleClassfunction 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);}