ToolTip on Page Load and then hide after period

ToolTip on Page Load and then hide after period

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.css">
<h2>Show ToolTip on Page Load and then hide after period</h2><p><span class="font-regular">Timed tooltip example on a href</span>—like<a href="#" rel="tooltip" data-original-title="Place your stuff here">this example</a>, <a href="#" rel="tooltip" data-original-title="Just other tool tip data">with other tips about</a></p>

CSS

body {
    padding: 100px;
}
/*
a {
    display: inline-block;
}
*/

JavaScript

$('p a').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() {
  $(this).tooltip('show');
});

setTimeout(function() {
 $('p a').tooltip().eq(0).tooltip('hide').tooltip('enable');
}, 5000);