JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="group[]" class="show-div" data-target="div-1" value="1">
<input type="checkbox" name="group[]" class="show-div" data-target="div-2" value="2"> 
<input type="checkbox" name="group[]" class="show-div" data-target="div-3" value="3">
<input type="checkbox" name="group[]" class="show-div" data-target="div-4" value="4">    

<div id="div-1" class="divCls hidden">1</div>
<div id="div-2" class="divCls hidden">2</div>
    <div id="div-3" class="divCls hidden">3</div>
    <div id="div-4" class="divCls hidden">4</div>
    
    
    <input id="popup" >ciao

JavaScript

$(document).ready(function(){
    $(".divCls").hide();
    $('input.show-div').on('change', function() {
            $(".divCls").hide();
        $(".show-div:checked").each(function(){
            //alert($(this).attr('data-target'));
            $("#"+$(this).attr('data-target')).show();
        });
         
});
});