Javascript jQuery切换转换translate3值

我有一个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);

---

我如何才能做到这一点？

您可以使用toggleClass

函数切换（）{
$（'.sidebar'）.toggleClass（'newValue'）；
}

。侧栏{
转换：translate3d（-280px，0px，0px）；
位置：绝对位置；
宽度：280px；
背景：#263249；
颜色：#eee；
左：0；
身高：100%；
过渡：全部3秒；
}
.新价值{
转换：translate3d（0px，0px，0px）；
}