JSFiddle - React, Tailwind, and code Playground

by janjarfalk

HTML

<script src="http://jquery-elastic.googlecode.com/svn/trunk/jquery.elastic.source.js"></script>
<h1 class="project-name">
    <a href="http://unwrongest.com/projects/accordion">Unwrongest - Jquery Accordion</a>
</h1>

<textarea id="description">
This textarea is going to grow when you fill it with text. Just type a few more words in it and you will see.
</textarea>

CSS

body { background: #0D1114; }
.project-name a { padding: 0; color: #3cf; text-transform: uppercase; font: bold 13px/30px 'Arial', 'sans-serif'; }

textarea { padding: 10px; width: 300px; font-family: Arial, 'sans-serif' }

JavaScript

$('#description').elastic();
$('#description').focus();