html - ホバー時にdivを展開

Question

私はcssでそれをやってみました、私が得た最も近いものは次のとおりでした：http: //jsfiddle.net/XyDec/ それは一種の作品ですが、その中のコンテンツを隠さないでください、そして私はいくつかのスムーズなアニメーションが欲しいので、それはスクリプトだと思います時間。私はそれらを書くことができないか、それらを探す場所がわかりません、誰かが私を助けることができますか？

Answer 1

jquery javascriptフレームワーク（ユーザーフレンドリーで強力）をご覧ください。jqueryを使用したdivのスムーズなスライドダウンの例を次に示します。

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

これは1行で作成されます：$("div").slideDown("slow");

お役に立てば幸いです

Answer 2

jQueryを試しましたか？jQueryメソッドを使用して、divをオブジェクトとして扱い、イベントにアクションを割り当てることができます。

例えば：

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

次に、ホバーイベントで関数を呼び出すだけです。

さらに一歩進めたい場合は、タイマーを割り当てて再度表示することができます。または、コールバックを使用することもできます。

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

私はそれがうまくいくはずだと思います。

お役に立てば幸いです。

乾杯。