팝업 popup

<div class="container">
    <button class="open-btn btn">팝업 열기</button>
</div>

<div class="modal-container">
    <div class="modal">
        <div class="content">
            content
        </div>
        <button class="close-btn">닫기</button>
    </div>
    <div class="dim-layer"></div>
</div>

$(document).ready(function(){
  var $openBtn = $('.open-btn'),
    $closeBtn = $('.close-btn'),
    $modal = $('.modal-container');

  $openBtn.click(function () {
    modalShow();
  });

  $closeBtn.click(function () {
    modalHide();
  });

  function modalShow() {
    $modal.addClass('active');
    $dimLayer.show();
    console.log('show button click');
  }

  function modalHide() {
    $modal.removeClass('active');
    $dimLayer.hide();
    console.log('close button click');
  }
});