JSFiddle - React, Tailwind, and code Playground

by Simon Hartley

HTML

<input id="sec_mod_1" class="trigger" type="checkbox" />
<input id="sec_mod_2" class="trigger" type="checkbox" />
<input id="sec_mod_3" class="trigger" type="checkbox" />
<div id="mod_1">1</div>
<div id="mod_2">2</div>
<div id="mod_3">3</div>

JavaScript

$('div[id^=mod_]').hide();

$('.trigger').change(function() {
     var $checkbox = $(this);
     var id = $checkbox.attr('id'); // eg. sec_mod_1
     var numb = id.substring(id.lastIndexOf('_') + 1); // eg. 1

     $('#mod_' + numb).toggle(this.checked); // toggle #mod_1
 });