jQuery：animate conundrum

Question

jQueryアニメーションの問題が発生しています...

非表示のdivが上部にあるフッターがあります。 誰かがヘッダーの近くのボタンをクリックすると、divが上にアニメーション表示されます。引き出しから manilaフォルダを引き出しているような、上にスライドするようなものです。 （divの下部が上部にスライドする通常のスライドではありません。）

この種類のコードは私が望むものであることがわかりましたが、ベースライン（フッター）を移動しています。

.featureBox{width:182px;
    height:150px;
    position:relative;
    border:1px solid red;
}

$('.featureBox').hover(function()  {
    $(this).animate({top:'-320px', height:'540px'},"slow");
},
function() {
    $(this).animate({top:'0px', height:'150px'},"slow");
})

赤いdivボックスの上にマウスを移動すると、その下のdivが押し下げられていることがわかります。どうやってアニメートしたり成長したりするのですか？ （彼。ごめん。お母さんが私を怒鳴っていると思っただけ。）

Answer 1

こちらは、あなたが望むと思うように機能するページです。主な問題は、拡大するdivが高さのあるdiv内にある必要があると思います。 こちらは、展開時に他のコンテンツをカバーする拡張divを含むページです。

Wordpress Sexybookmarksプラグインのコードを確認してくださいこの種のトリック。

Answer 2

修正は次の2つのうちの1つであると推測します。

1. 位置の変更：相対位置：絶対
2. .featureBoxではなく、.featureBox内の別の要素（おそらくDIV）を実際に移動したい