JSFiddle - React, Tailwind, and code Playground

HTML

<p id="first">This is a paragraph</p>
<p id="second">This is a paragraph</p>
<p id="third">This is a paragraph</p>

<form name="formex">
    <input type="checkbox" name="firstpara" onClick="showPara();"/>First Paragraph<br />
    <input type="checkbox" name="secondpara" onClick="showPara();"/>Second Paragraph<br />
    <input type="checkbox" name="thirdpara" onClick="showPara();"/>Third Paragrpah<br />
</form>

CSS

p {
    visibility: hidden;
}

JavaScript

function showPara()
{
    document.getElementById("first").style.visibility=(document.formex.firstpara.checked) ? "visible" : "hidden";
    document.getElementById("second").style.visibility=(document.formex.secondpara.checked) ? "visible" : "hidden";
    document.getElementById("third").style.visibility=(document.formex.thirdpara.checked) ? "visible" : "hidden";
    return true;
}