JavaScript Transition doesn’t cease after clicking the close button

[htmlcssjavascript28]

Click on one of the blue buttons 2 times.

The same button.

Clicking the close button should keep the curtain removed.

Edit fiddle - JSFiddle - Code Playground

You will notice that, the curtain is still going up when clicked on a 2nd time.
What am I doing wrong or forgetting to do?

I am confused here.

function openModal(target) {
const modal = document.querySelector(target);
modal.classList.add("active");
modal.querySelector(".curtainB").classList.add("slide");
modal.querySelector(".wrapB").classList.add("visible");
}

function closeModal(modal) {
modal.classList.remove("active");
modal.querySelector(".curtainB").classList.add("hide");
modal.querySelector(".wrapB").classList.remove("visible");
removePlayer();
}

 

[htmlcssjavascript28]

Fixed:

I forgot to do: Edit fiddle - JSFiddle - Code Playground

.curtainB.hide{
display:none;
}