ホバー

Question

上のdivを展開し、私はCSSでそれをやってみました、私が得た最も近いました：http://jsfiddle.net/XyDec/ それは一種の動作しますが、その中にコンテンツを隠していないと私はいくつかの滑らかなアニメーション をしたいと思いますので、私はそれはスクリプトだと思います時間。 私はそれらを書くことができないか、それらを探してどこを知らない、誰も私を助けることができる？あなたがここにフレームワーク（ユーザーフレンドリーかつ強力な） はjqueryのを使用してdiv要素のダウンスムーズなスライドの一例であるjavascriptのjqueryのを見てみて

Answer 1

：

http://api.jquery.com/slideDown/

これは1行で構成されています。 $("div").slideDown("slow");

は、それが

Answer 2

あなたはjQueryのを試してみました助けを願って？ divをオブジェクトとして扱い、jQueryメソッドを通じてイベントにアクションを割り当てることができます。例えば

：

function hide(){ 
$('#the-div').hide('slow') 
} 

次に、あなただけのホバーイベントに関数を呼び出します。

ステップをさらに進めたい場合は、再度表示するためのタイマーを割り当てることができます。あるいは、コールバックを使うことさえできます。

function hide(){ 
var x = $('#the-div') 
$('#the-div').hide('slow', function(x){ 
    //do something with the variable x 
    }) 
} 

私はうまくいくと思います。

希望に役立ちます。

乾杯。