How to Create Tooltip Animation Plugin for jQuery

	<link rel="stylesheet" href="jquery.mytooltip.css">
	<link rel="stylesheet" href="demo/style.css">
	<script src="jquery-1.11.3.min.js"></script>
	<script src="jquery.mytooltip.js"></script>
	<script src="demo/script.js"></script>

      <div class="js-mytooltip type-inline-block style-block style-block-one"
           data-mytooltip-custom-class="align-center"
           data-mytooltip-content="Direction default - top">Top
      </div>

  $('.js-mytooltip').myTooltip();

  // custom-events
  $('.custom-event').on('show-before', function(event) {
    console.log('show-before!')
  });
 
  $('.custom-event').on('show-complete', function(event, content) {
    console.info(content);
    console.log('show-complete!');
  });
 
  $('.custom-event').on('hide-before', function(event) {
    console.log('hide-before!');
  });
 
  $('.custom-event').on('hide-complete', function(event) {
    console.log('hide-complete!');
  });

  // destroy
  $('.destroy-element').on('click', function(event) {
    event.preventDefault();
    $('.destroy-current').myTooltip('destroy');
  });
 
  // call
  setTimeout(function() {
    $('.download-header').myTooltip('call');
  }, 300);