JSFiddle - React, Tailwind, and code Playground

by Adam Poczatek

HTML

<div id="main">
    <div id="content">
        <h1>Awesome animated menu item</h1>
    </div>
</div>

CSS

h1,
h2 { border: 1px solid #333; background: #888; padding: 20px; width: 358px }

h2 { background: red; color: #fff; font-weight: bold }

JavaScript

$('h1').one('click', function() {
    $(this).text('You bastard!!');
    $('#content').append('<img src="http://upload.wikimedia.org/wikipedia/commons/5/5f/Dead_kitten_(2).jpg" width="400" />').append('<h2>OMG!!! You\'ve killed the kitten again!</h2>');
});