JSFiddle - React, Tailwind, and code Playground

HTML

<input type='checkbox' id='check1' name='check1' />
<label for='check1'> Click here for more information</label>
<div id='info1'>
  Hidden information here will now appear onclick
</div>

CSS

#info1 {
	display: none;
}

JavaScript

//<![CDATA[
// common.js
var doc = document, bod = doc.body, IE = parseFloat(navigator.appVersion.split('MSIE')[1]);
bod.className = 'js';
function gteIE(version, className){
  if(IE >= version)bod.className = className;
}
function E(e){
  return doc.getElementById(e);
}
//]]>

//<![CDATA[
// adjust numbers as needed
for(var i=1; i<2; i++){
  (function(i){
    E('check'+i).onclick = function(){
      var a = E('info'+i).style.display = this.checked ? 'block' : 'none';
    }    
  })(i);
}
//]]>