I'm out of ideas.

I have a list of table rows that i need to sort. No problem, jQuery UI's sortable() will do that for me. The thing is, i need to be able to drop the dragged element on top of other rows as well. If a row is dropped on top of another row the dragged row should disappear (i'd make som ajax stuff under the hood).

Take a look at this demo: http://jqueryui.com/sortable/

That's exactly what i want, except i also want to be able to drop the dragged element on other rows.

I don't have to use jQuery UI if there are better alternatives, i just stuck with it because it already kind of does what i need.

This is pretty much what i've got: http://jsfiddle.net/m79Sg/

I've played around with draggable() and droppable() but haven't gotten the result i'm looking for.

Any suggestions?

Update

I made some progress. I managed to combine sortable with droppable, but i'm not quite done yet. It doesn't work as i need it to.

Check this jsfiddle out: http://jsfiddle.net/bRbSn/30/

If you want to drop a row between two other rows, it still thinks you are dropping it ON another row, thus causing it to disappear. I still want to be able to re-order the rows by dropping them on the gap between. Tried playing around with the tolerance option, but it made no difference for me.