每次点击可增加traslate3d值

Question

我正在尝试创建一个滑块- 每次我按下“下一步”按钮时，滑块css的“ trasform”值应降为290px。

然后，每次单击“上一个”按钮-就会增加290px。

我尝试过：

jQuery(document).ready(function( $ ){
    $(".nexter").click(function() {
      $(this).parent().closest(".idoslider").find(".sliderin").css("transform", "translate3d(-290px, 0px, 0px)");
});
      $(".prever").click(function() {
      $(this).parent().closest(".idoslider").find(".sliderin").css("transform", "translate3d(290px, 0px, 0px)");
});
  });

jQuery(document).ready(function( $ ){ $(".nexter").click(function() { $(this).parent().closest(".idoslider").find(".sliderin").css("transform", "translate3d(-290px, 0px, 0px)"); }); $(".prever").click(function() { $(this).parent().closest(".idoslider").find(".sliderin").css("transform", "translate3d(290px, 0px, 0px)"); }); });

但是成功完成了一次。我需要第二个“下一个”单击以“转换：translate3d（-580px，0px，0px）”等。

谢谢！