JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<p>
Thanks for
<a href='#' rel='tooltip'>your</a>
help
</p>

<div class='top'>

    
</div>

CSS

.insert {
    height: 100px;
    width: 100px;
    background: red;
}

JavaScript

function foo() {
    var x = ('<div class="insert"></div>');      
    
    $(document).on('click', '.insert', function() {
        $(this).css('height', '200px');
    });
    
    return x
}



$('a').tooltip({
    trigger: 'manual',
    placement: 'bottom'
});

$('a').click(function() {
    _div = $('.top').html();
    $(this).attr('data-original-title', _div);
    $(this).tooltip('toggle');
});




$('.top').html(foo());