JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<input id="chk1" type="checkbox" name="covImg">Hide/Show text1</input>
<div class="optionalinfo">
<input id="text1" type="text"></input>
</div>
<br>

<input id="chk2" type="checkbox" name="covImg">Hide/Show text2</input>                       
<div class="optionalinfo">
<input id="text2" type="text"></input>
</div>
<br>

<input id="chk3" type="checkbox" name="covImg">Hide/Show text3</input>                       
<div class="optionalinfo">
<input id="text3" type="text"></input>
</div>

CSS

div.optionalinfo {
    display: none;
}

JavaScript

$('[name="covImg"]').click(
    function() {
        $(this).next('.optionalinfo').toggle(500);
    });