In my jQuery code I want to achieve that by clicking a link one element replaces another element:

My code on Codepen

Now the problem is that if I click the link (" Click me to swap"), the visible element fades out but the hidden element which should show, doesn't show.

This is the jQuery function:

2. function upload() {
3.   var i = 0;
4.   $('#upload').on('click', function() {
5.     i++;
6.     $('.upload-wrapper__item__icon-container--upload#' + i).remove();
7.     $('this').closest('.upload-wrapper__item__icon-container--file').show();
8.   });
9. }

What is my mistake?

Thanks