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); }