Jquery向右和向后滑动

Question

请查看jsfiddle上的my example。蓝色的东西应该向右和向后滑动。
当然欢迎帮助！

Answer 1

使用data将slide_out变量存储在元素中，并将0px更改为0：

$(document).ready(function(){
  $("#right_column").click(function(){
    if(!$(this).data('slide_out')){
      $("#right_column").animate({left:0},"slow");
      $(this).data('slide_out', true);
      }
    if($(this).data('slide_out')){
      $("#right_column").animate({left:-140},"slow");
      $(this).data('slide_out', false);
      }
  });
});

看看它有效here。

Answer 2

您的引用幻灯片就像一个php变量。不是一个JavaScript。

$(document).ready(function(){
        var slide_out
      $("#right_column").click(function(){
        if(slide_out){
          $("#right_column").animate({left:0px},"slow");
          slide_out=true;
          }
        if(slide_out){
          $("#right_column").animate({left:-140px},"slow");
          slide_out=false;
          }
      });
    });