I am trying to achieve something similar to this example:
https://getbootstrap.com/docs/4.0/components/collapse/#multiple-targets
Instead of using a button, I want to use a checkbox. I want the collapse effect to occur when the checkbox is checked.
<div class="container-fluid">
<b>Job Request</b>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="change_jobs">I intend to select or change jobs</label>
<input type="checkbox" id="change_jobs" name="change_jobs" data-toggle="collapse" onclick="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<div class="collapse" id="collapseExample">
<div class="card card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</div>
</div>
</div>
</div>
</div>
</div>
However, when I click the checkbox, I encounter this error in the console and the collapse effect does not work
SyntaxError: private fields are not currently supported