I need a jQuery user interface written for a web site. It should have one list that is draggable, which contains 5 different icons; and one list that is droppable and sortable. The second list should contain an anchor at the top and bottom that are not sortable. Each <li> in the second list should have an element with the type icon, title, date, and content. The content should be visible for only one <li> element at a time.
There should be an edit button that turns the content text into editable text areas and makes the list sortable. And a save button should appear next to the edit button upon either clicking the edit button or dragging a new element into the droppable list.
The save button should trigger an Ajax function that sends all data from the list (each <li> with type, title, date, content + the order of the list).
Your job: all client-side programming, css styling and icon design.
My job: all server-side programming (php script reading the ajax request)
Please see attached file for illustration. Feel free to message me with questions.
9 freelancers are bidding on average $199 for this job