动画动画到新的高度，然后回到旧的高度

Question

我有一个在三个幻灯片之间移动的滑块，当它们滑动时，移动它们的容器更改高度以调整它们的高度。现在我只有前两个，当你点击第二张幻灯片时，高度正确变化，然后回到原来的高度，我无法找出原因。

我有一个JS Bin设置了孤立的问题。如果单击它展开的地图，然后单击850 Boylston链接，您将看到该问题。任何帮助将不胜感激，这让我发疯。

http://jsbin.com/unehul/2/edit

Answer 1

您需要更正一个字母 - d_Foxboro（大写字母F）：

$( "#d_Foxboro" ).click(function(){
  $( "#location_slider" ).animate({
    "margin-left": -840
  }, 450 );
});

此外，每次单击三个菜单中的一个时，$("#directions").click(function()事件都会触发。这导致所有幻灯片按照$("#directions").click上执行的函数的指示进行设置....您可以使用.unbind（）来防止这种情况发生：

$("#directions").click(function() {
    window.setTimeout(directions_open, 450);
    $('#directions').unbind('click');
});