javascript - ページを読み込んで要素を配置した後のJQueryでの絶対配置

Question

通常のCSSで要素をその前の要素に対して相対的に配置したいのですが、最初に配置されると、その位置はその前の要素から独立したものになります。

たとえば、サイドバーの「ウィジェット」をクリックすると、それが折りたたまれ、その下にあるすべての「ウィジェット」が上に移動します。私は彼らを動かしたくありません。ありがとう。

Answer 1

純粋な CSS でこれを行うことはできませんが、次のように jQuery で行うことができます。

var elem = $('something');
var pos = elem.position();
elem.css({ position: 'absolute', top: pos.top, left: pos.left });

Javascript が実行されるまで、要素にposition: absolute.