Javascript 需要jQuery帮助。。。

我有一个网站，右边有一个弹出窗口。还有一个按钮。我的问题是，如果我点击那个按钮，弹出窗口就会出现在左边，如果我再次点击那个按钮，弹出窗口就会回到以前的位置，我是说右边。这就像是滑转。我已经试过了。但它只剩下了，但它不会回来。怎么做

<script>
function goto(){    
    //animate to the div id.
    $(".pop_up").animate({"left": -($(id).position().left)});

}
$(document).ready(function(){
  $(".red_sec").click(function(){
    $(".pop_up").animate({left:'-560px'});
  });
});
</script>

函数goto（）{
//为div id设置动画。
$（“.pop_up”）.animate（{“left”：-（$（id.position（）.left）}）；
}
$（文档）.ready（函数（）{
$（“.red_sec”）。单击（函数（）{
$（“.pop_up”）.animate（{left:'-560px'}）；
});
});

对不起，我英语不好

---

谢谢

尝试此代码，这将提供一种切换效果

$(document).ready(function(){
  $(".red_sec").click(function(){
       $(".pop_up").animate({'left': ($(".pop_up").position().left == -560)?100:-560});
  });
});

---

我想说，保持简单。为

.pop\u up

元素提供一个值，并使用它来确定动画应该走哪条路：

function goto(){    
    var direction = $(".pop_up").attr('data-lr');
    $(".pop_up").animate( {left: direction} );
    $(".pop_up").attr('data-lr',direction === '+=100' ? '-=100' : '+=100');

}

$(".red_sec").click(goto);

---

这里有一个

你定义了

函数goto

，但从未使用过它，而且你似乎从未试图将它移回原位。这似乎是一个非常不热心的尝试。事实上，我是javascript/jQuery新手。我只是在努力学习。谢谢你的建议@kolink在你至少能熟练使用JavaScript之前不要使用jQuery。非常感谢Rajaprabhu。非常好，谢谢大家。问题已解决：）