Simple jQuery show/hide div alternating

Hope someone can help me on this.

What I'm trying to do is when the .video-play is clicked, it will hide the .video-link div then show the .video-container div.

Then when the .video-close is clicked, it will hide the .video-container and show again the .video-link div.

Just to clarify, the div.wrap and everything under it including .video-close is only added via jquery when .video-play is clicked.

<div class="video-link">
  <a class="video-play" href="#">Play Video</a>
</div>

<div class="video-container">
  <!-- This part is added by a jquery script when .video-play is clicked -->
  <div class="wrap">
   <div class="content">
    <span class="video-close"></span>
   </div>
  </div>
  <!-- / end added part -->
</div>