how can i auto align a div to <a> tag on document
<p>i have a div i.e</p>

<pre><code>&lt;div id="data_sprite"&gt;Jquery ajax data here&lt;/div&gt;
</code></pre>

<p>and it is invisible....</p>

<p>now suppose i have my first <code>&lt;a&gt;</code> tag on top of document and 2nd <code>&lt;a&gt;</code> tag on bottom of document...
now what i want is that if i click on <code>&lt;a&gt;</code> on top of page the div auto align with its top right corner and when i click on <code>&lt;a&gt;</code> at bottom the div should auto align with its top right corner how can i achieve that with jquery or what ever....</p>
