jQueryを使用してdivを展開し、ホバーしてページの幅全体をカバーします。これには大きなテーブルが含まれており、低解像度でビルドする必要がありますが、実際には誰もがより高い解像度を持っているため、これは受け入れられている回避策です。私の問題は、divが、他のdivをカバーするのではなく、他のdivの下に「ジャンプ」することです。これをどのように達成できるか知っている人はいますか？
私はそれのjsfiddleを作成したので、あなたは主なアイデアを得ることができます：http: //jsfiddle.net/MRNxt/1/
灰色のボックスにカーソルを合わせて、サイドバーの下ではなく、サイドバーの＃asd2を覆うように右に展開します。
このフィドルを確認してください：http：//jsfiddle.net/MRNxt/4/
解決策には、展開時にログdivに絶対位置を追加し、折りたたみ時にログdivを削除することが含まれます。アニメーション中のちらつきを避けるための小さな修正も含まれています。
このcssを追加します：
#asd2{
position:absolute;
z-index:-1;
}
#log{
background:white;
}
例： http： //jsfiddle.net/MRNxt/2/
ライトボックス/シックボックスのようなものを使用することが適切でない理由はありますか？
または、絶対測位とz-indexを試してみる必要があります。アニメーションに取り組む前に、理想的なレイアウトを考え出すことをお勧めします。それをCSSEdit/Firebug / whateverにまとめて、ボックスが希望の場所に正確に配置されるようにします。そうすれば、アニメーションスクリプトに簡単に追加できます。
または、既製のライトボックスを使用します。