jquery - 画像マップのロールオーバーを正しく動作させる

Question

いくつかのイメージ マップを使用して三角形のボタンを作成していますが、ホバー効果 (インライン jquery、理想的ではありませんが、代替手段が見つかりません) を正しく動作させるのに苦労しています。

<div id="triangle">
    <img src="triangle.png" alt="..." usemap="#imgmap"/>
    <map name="imgmap" id="imgmap">
        <area shape="poly" coords="0,100,50,0,100,100" href="#" target="_self" onmouseover="$('#prevslide').css('opacity','1');" onmouseout="$('#prevslide').fadeTo(600,0);" />
    </map>
</div>​

例については、この jsfiddleを参照してください。慎重に使用すれば状態は正常にトリガーされますが、数回続けてホバーすると失敗し始めます。

どうすればこれを防ぐことができますか?