Struggling a bit with this one. On a page I've got a lot of divs (.result) which when the user clicks the delete icon (a.delete) an overlay (.remove-ctn) appears over the result. This has a button (.removed) and when the user hovers over that button another one replaces it (.undo). When the user clicks undo then the result goes back to normal with no overlay.
a) triggers all results on the page and so if I click the delete button then the overlay appears on all results.
b) when I hover over the removed button and the other undo button appears, when I click that it removed the overlay but then when I click on the delete button again the undo button is shown instead of the removed button.