Absolute Positioning in JQuery after loading page and positioning elements.

Question

I want to position an element in normal css relative to the element before it, and then once it's been initially positioned makes its position independant of the one before it.

For example, when you click on a 'widget' in the sidebar, it collapses, and all of the 'widgets' below it move up. I don't want them to move. Thanks.

Answer 1

You cannot do this with pure CSS, but you can do it with jQuery, like this:

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

Until the Javascript runs, the element must not have position: absolute.