Join Joseph Lowery for an in-depth discussion in this video Removing list items, part of HTML5 Projects: Advanced To-Do List.
- View Offline
So I need three functions to remove list items properly, one to…show the red x when a user mouses over the list item,…another to hide that red x when he or she mouses out,…and then a third to delete the list item when the x…is clicked.…All three use the J query on function to detect event triggering so…we're going to put the first of these after our sortable update code block.…Now, the red x is hidden by default by CSS…so let's add code first to show it on mouse over.…
- Making content editable
- Saving edits
- Setting up the core files for your app
- Removing list items
- Enabling drag-and-drop sorting