0

マウスホバーで下から上に隠されたdivのスムーズなアニメーションを作成しようとしているこのJSFIDDLEサンプルを見てください。ご覧のとおり、divは左下隅から表示されますが、下から上にアニメーション化したいと思います。animate（）を使おうとしましたが、非表示のdivスタチューを非表示から変更する方法がわかりませんでしたか？これが私が使用しているコードです：

$(document).ready(function() {
  $('#handler').hover(function(){$('#hidden').toggle(1000)});
});​

このようなものにjQueryイージングプラグインを使用する方法を教えてください。ありがとう

4

1 に答える 1

4

slideToggle代わりに試してくださいtoggle

http://jsfiddle.net/CGbCv/2/

この.slideToggle()メソッドは、一致した要素の高さをアニメーション化します。これにより、ページの下部が上下にスライドし、アイテムが表示または非表示になります。要素が最初に表示されている場合は非表示になり、非表示になっているhidden;場合は表示されます。displayプロパティは、必要に応じて保存および復元されます。要素の表示値がインラインの場合、非表示にして表示すると、もう一度表示されますinline。アニメーションを非表示にした後で高さが0に達すると、要素がページのレイアウトに影響を与えないように、表示スタイルプロパティがnoneに設定されます。

http://api.jquery.com/slideToggle/

于 2012-11-26T22:49:28.930 に答える