The curtain is not going up after clicking the x button.

How do I have it go up?

The curtain just stays stationary after clicking the x button.

code: https://jsfiddle.net/xj3014e9/1/

.video-containerA.slide .curtain,
.hide .video-containerB.slide .curtain  {
  transition: 8s;
  transition-delay: 700ms;
  transform: translateY(-100%);
}

I tried:

.hide .video-containerB.slide .curtain {

.hide.video-containerB.slide .curtain {

.hide + .video-containerB.slide .curtain {

.hide ++ .video-containerB.slide .curtain {