JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://pietschsoft.com/demo/jHtmlArea/scripts/jHtmlArea-0.6.0.min.js"></script>
<link rel="Stylesheet" type="text/css" href="http://pietschsoft.com/demo/jHtmlArea/style/jHtmlArea.css"></link>
<script type="text/javascript">
function toggle() {
$('#container').toggle('blind', function() {
$('#container textarea').htmlarea().css("visibility", "visible");
});
}
</script>
<div id="container" style="display: none; background: #ffe;">
<textarea style="visibility: hidden; width: 300px;"></textarea>
</div>
<a href="javascript:void(0);" onclick="toggle();">Toggle me!</a>