<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/jquery.popup.min.js"></script>

$('#elem').popup();

 $('.btn').on('click',function () {
    $('.item').popup({
        time: 1000,
        classAnimateShow: 'rollIn',
        classAnimateHide: 'hinge',
        onPopupClose: function e(){ console.log('closed') },
        onPopupInit: function e(){ console.log('opened') }
    });
});

$('#elem').popup({
      background: "#000",
      position: "absolute",
      opacity: .5,
      zIndex: 123456788,
      classAnimateShow: '',  // animate class, link https://daneden.github.io/animate.css/
      classAnimateHide: '',  // animate class, link https://daneden.github.io/animate.css/
      time: 400,
      onPopupClose: function(){},  // popup close after function
      onPopupInit: function(){}  // popup init after function
});

$('#item').data('popup').close(); // close popup