マウスを外した後に要素をスライドさせてください

Question

テキストオプションのdivを表示するには、ユーザーがクリックするかタブを押してテキストタブのEnterキーを押してテキストオプションdivを表示する必要があります。

ユーザーが（mouseOutと思っていますか？）ユーザーとのやりとりが中断された後、またはパワーユーザーがタブから離れると、divスライドを画面から外すことはできますか？

Test page

Answer 1

jQuery's animate functionを見てみましょう。ラッパーもたくさんありますが、あなたが後にしているアニメーションは、ストックのものよりも少し専門的であるかのように聞こえます。

イベントが発生したときにアニメーションを作成するには、bindをチェックしてください。その後、私は次の線に沿って何かを助言する（例えばmouseleaveとblur）があり、このためのいくつかの便利な機能もありますが、一度に複数のイベントにバインドしたい場合：

$(selectorForTheDivInQuestion).bind('mouseleave blur', function(){ 
    $(this).animate(properies, duration); 
}); 

propertiesが何かかもしれませんdivが比較的、絶対的または固定的に配置されている場合は、{left-margin:-100px;}または{left:-100px;}の行に沿って表示されます。