Solution Review: Moving and Removing Tasks with Effects

This review provides a detailed explanation to solve the 'Moving and Removing Tasks with Effects' challenge.

We'll cover the following

Solution

Solution: Moving and removing tasks with effects

Explanation

  • In line 6, we call the fade-out effect on the parent task element of the done button element with the speed parameter set to 1s (1000ms).

  • In the callback function for the fade-out effect, we:

    • remove the check button (line 8).
    • detach the task from the to-do list (line 10).
    • attach the task to the done list (line 12).
    • call the fade-in effect on the detached task (line 14).
  • In line 21, we call the fade-out effect on the parent task element of the delete button element with the speed parameter set to 1s (1000ms).

  • In the callback function for the fade-out effect, we remove the parent task element in line 23.