HTML question: Moving one list item to another dynamically

I'd like to know if there are any tips and tricks or possible tutorials that could achieve the effect of transferring one list item on a page to from one ul to another.

Say yo开发者_如何学Cu have two unordered list with button controls on each list item, and everytime you click on the button on each item, it moves it to the other list on the same page, in a dynamic, fancy way.

Many thanks, any help or leads would be appreciated!

See "6. Moving options from list A to list B" at http://calisza.wordpress.com/2009/03/29/6-jquery-snippets-you-can-use-to-manipulate-select-inputs/

Check out the JQuery UI library. They have MANY drag and drop kind of features. I'm sure you can find what you are looking for.

http://jqueryui.com/demos/sortable/#connect-lists