jquery-animate - アニメーションは新しい高さにアニメートしてから、古い高さに戻ります

Question

3つのスライド間を移動するスライダーがあります。スライドが移動すると、コンテナーの高さが変化して高さに調整されます。現在、最初の2つしかありません。2番目のスライドをクリックすると、高さが正しく変更されてから元の高さに戻り、理由がわかりません。

孤立した問題でJSビンを設定しています。マップをクリックすると展開され、850Boylstonリンクをクリックすると問題が表示されます。どんな助けでも、これが私を夢中にさせていることを大いに感謝します。

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

Answer 1

1文字を修正する必要があります-d_Foxboro（大文字のF）：

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

また、3つのメニューのいずれかをクリックするたびに、$("#directions").click(function()イベントが発生します。その結果、すべてのスライドが$("#directions").click...で実行される関数の指示に従ってセットアップされます。.unbind（）を使用して、これが発生するのを防ぐことができます。

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