JSFiddle - React, Tailwind, and code Playground
HTML
<p><input type="checkbox" id="set_1">checkbox 1</p>
<p><input type="checkbox" id="set_2">checkbox 2</p>
<p><input type="checkbox" id="set_3">checkbox 3</p>
<p><input type="checkbox" id="set_4">checkbox 4</p>
<p><input type="checkbox" id="set_5">checkbox 5</p>
<p><input type="checkbox" id="set_6">checkbox 6</p>
<p><input type="checkbox" id="set_7">checkbox 7</p>
JavaScript
$("#set_1").click(function(){
var ids = [2,3,5,6];
if($(this).is(":checked")){
for(i=0;i<ids.length;i++){
$("#set_"+ids[i]).parent("p").fadeOut(400);
}
}
else{
for(i=0;i<ids.length;i++){
$("#set_"+ids[i]).parent("p").fadeIn(400);
}
}
})