jQuery - Tooltipster

Using Tooltipster for tooltips.

by firegroove

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css">
<table>
  <br>
  <br>
  <br>
  <br>

  <tr>
    <td>Firstname</td>
    <td>
      <input class="tooltip" title="Enter your firstname" />
    </td>
  </tr>
  <tr>
    <td>Lastname</td>
    <td>
      <input class="tooltip" title="Enter your lastname" />
    </td>
  </tr>
</table>
<button class="button-tooltip" title="Submit details">Submit</button>

JavaScript

$(document).ready(function() {
  $('.tooltip').tooltipster({
    animation: 'fade',
    /* animationDuration: ['900','1200'], */
    /* animationDuration: 3200, */
    delay: 1500
  });

  $('.button-tooltip').tooltipster({
    animation: 'fade',
    /* animationDuration: ['900','1200'], */
    /* animationDuration: 3200, */
    delay: 0
		});
});