JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<div>
<span>hello my <a href="#" class='boob' rel='tooltip' data-original-title='asdf'>name</a> is Ryan.</span>
<a href="#" class='next'>next</a>
</div>

CSS

body {
    margin: 50px;
}

JavaScript

$(function() {

    $(document).tooltip({
        selector: 'a.boob',                
        trigger: 'manual',
        placement: 'bottom',
    });
    
    $('body').on('click','.boob',function() {
        $(this).tooltip('toggle');
       
    });
    
    
    $('body').on('click','.next',function() {
        $(this).closest('div').after('<div><span>hello my <a href="#" class="boob" rel="tooltip" title="asdf">name</a> is Ryan. </span><a href="#" class="next">next</a></div>');
        
    });
    

    

});