jQueryを使って2つの別々のアイテムをアニメーション化し、マウスオーバー

Question

http://nerotic.net/auxout/

の両方を一時停止し、私はこの問題に少しバティを予定されてきました。私は彼らに割り当てられた2つのアクションを持っている一連のドットを持っているマップ上：

onmouseover : pops up a tooltip 
click: changes the content in the panel on the right 

ページは、左側のパネルを移入項目をオートプレイに設定されています。

私がしたいのは、左側のパネルと一致して対応するツールチップを強調表示させることです。

次に、ユーザーがマップ上の任意の点にマウスを置くと、両方が完全に停止するようにしたいと思います。

私は非常に不満を抱いていました。私のjavascriptの知識はかなり弱いです。まともな進歩を遂げたにもかかわらず、間違ったツリーを吠え続けています。

私はちょうど私が正しい方法でこれを行うつもりはないと感じている、誰かが私に感謝する少しの指導を提供できる場合。ここで

は、私が使用しているコードです：

    $(document).ready(function() { 
        jcps.fader(100, '#switcher-panel'); 

        setTimeout("callCity('#la')",2000); 
        setTimeout("callCity('#mexico')",4000); 
        setTimeout("callCity('#ny')",6000); 
        setTimeout("callCity('#singapore')",8000); 
        setTimeout("callCity('#australia')",10000); 
        setTimeout("callCity('#france')",12000); 
        setTimeout("callCity('#england')",14000); 
        setTimeout("callCity('#spain')",16000); 
        setTimeout("callCity('#canada')",18000); 
        setTimeout("callCity('#chicago')",20000); 
        setTimeout("callCity('#minn')",22000); 
        setTimeout("callCity('#stpaul')",24000); 
        setTimeout("callCity('#dallas')",26000); 
        setTimeout("callCity('#boston')",28000); 
        setTimeout("callCity('#arizona')",30000); 
        }); 
        function callCity(city) 
        { 
        $(city).trigger('click'); 
        } 
        $('#berlin').mousedown(function() { 
       alert('Handler for .mousedown() called.'); 
        }); 
       </script> 

Answer 1

助けた私の仲間を助けるかもしれません私はこれを並べ替えます...ここにコードがあります：

<script type="text/javascript"> 
        $(document).ready(function() { 
        jcps.fader(100, '#switcher-panel'); 
        var timeouts = new Array(); 
        var cities = ["#la", "#mexico", "#ny", "#singapore", "#australia", "#italy", "#france", "#england", "#spain", "#canada", "#chicago", "#minn", "#stpaul", "#dallas", "#boston", "#berlin", "#arizona"]; 
        var timeoutLength = 3400; 
        for (i = 0; i < cities.length; i++) 
        { 
         timeouts[i] = setTimeout("callCity('" + cities[i] +"')", timeoutLength * (i + 1)); 
        } 
         $('.switcher').mouseover(function() { 
          for(key in timeouts) 
          { 
          clearTimeout(timeouts[key]); 
          } 
          }); 
        }); 
        function callCity(city) 
        { 
        $(city).trigger('click'); 
        } 
       </script> 

Answer 2

私は本当に質問を理解していないが、これは

$('.animate').each(function() { 

    $(this).animate({height: '600px'}, 10000); 
}); 

$('.animate').click(function() { 

    $(this).animate({width: '600px'}, 10000); 
}); 

$('.stop').mouseover(function() { 

    $('.animate').stop(); 
}); 

http://jsfiddle.net/KXLBV/