JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $("#hide3").click(function(){
    $("#sparse").hide(500);
  });
  $("#show3").click(function(){
    $("#sparse").show(500);
  });
});
</script>
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>    
    </head>
<body>
    <input type="checkbox" onClick="document.getElementById('show3').click();"><big><big>Enable Color Picker</big></big><br>
<label><strong><big><big>Colors</big></big></strong></label>
<input type="hidden" value="" id="show3" >

<form>
  <input class="color" name="itemdesc" id="sparse" onClick="javascript:this.form.itemdesc.focus();this.form.itemdesc.select();" readonly >
</form>

<script type="text/javascript">$("#sparse").hide(500);</script>

</body>
</html>