How to show/hide div-form field using check box.

[LogicRecruiters]

I am presently working on a form and I would like to show/hide div-form field using check box. In my research I came across;

show/hide input-form field using radio button here:

https://codepen.io/chriscoyier/pen/LEGXOK

Please I would like to apply check box instead of radio-buttin to show/hide div-form fields and not input.

Example:
I want to create a from filed where an applicant can either upload their cv/resume
using the check-box

Upload form script:

<div class="element-file" title="Click here to Upload Resume"><label class="title"></label><div class="item-cont"><label class="large"><div class="button">UPLOAD</div><div class="file_text">NO UPLOAD DETECTED</div><span class="icon-place"></span></label></div></div>

OR

Manual Entry:

<div class="element-input" title="Enter your Full Name as indicated here."><label class="title"><span class="required">*</span></label><div class="item-cont"><span class="icon-place"></span></div></div>

I want to use check-box to switch in between this two Div-form fields Using the behaviour from this sample:

https://codepen.io/chriscoyier/pen/LEGXOK

Thanks in advance for your support.

[Beverleyh]

Chris’ demo includes examples of both an input and a checkbox form field reveal, so I’m not sure what exactly you need help with – the markup and CSS is right there.

If you create a demo of your issue in your own CodePen, using your own code we might be able to help.

[Author]

Posts