[jQuery] Przesuwanie elementów po kliknięciu myszką i inne, Tylko dla zaawansowanych programistów JQuery Opcje

[The Night Shadow]

załóżmy coś takiego;

[HTML] pobierz, plaintext 
<div id="boks_1_kontener">
   <div id="boks_1_naglowek">
 
   </div>
   <div id="boks_1_tresc">
 
   </div>
</div>
[HTML] pobierz, plaintext 

W jaki sposób za pomocą jquery (BEZ UŻYWANIA WTYCZEK) spowodować, że po kliknięciu w boks_1_naglowek (nie puszczając klawisza myszy) i przesunięciu kursora cały boks_1_kontener zosanie przesunięty o taką ilość pikseli o jaką przesunie się kursor myszy? Po puszczeniu kursora myszy boks ma pozostać w upuszconym miejscu.

Zakładam tutaj, że boks ten bedzie umieszczony gdzieś w obrębie kodu strony. Niekoniecznie przed </body>

Zakładam również że boksów może być kilka. Jeżeli klikamy na boks, ma on zostać przesuunięty na wierzch pozostałych boksów.


WIEM, że są takie wtyczyki, ale one ważą a istotny ejst każdy KB. Czy ktoś coś podobnego już wykonywał?