JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var a = jQuery.noConflict();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
var b = jQuery.noConflict();
</script>
</head>
<body>

<div style="display:none;">
<textarea rows="3" columns="4" style="height:90px;" id="hidden-textarea"></textarea>
</div>

<textarea rows="3" columns="4" style="height:90px;" id="displayed-textarea"></textarea>
<br>
<script>
document.write("Hidden textarea's css height:" + a("#hidden-textarea").css('height') + "(" + a.fn.jquery + ") " + b("#hidden-textarea").css('height') + "(" + b.fn.jquery + ")<br>");
document.write("Displayed textarea's css height:" + a("#displayed-textarea").css('height') + "(" + a.fn.jquery + ") " + b("#displayed-textarea").css('height') + "(" + b.fn.jquery + ")<br>");
</script>

</body>
</html>