JSFiddle - React, Tailwind, and code Playground

HTML

<label> Show div-1 <input type="checkbox" id="checkbox-1" rel="gaz" /></label>
<br />
<label> Show div-2 <input type="checkbox" id="checkbox-2" rel="div-2" /></label>
<div id="div-1" rel="div-1" class="qaz">
    <p>Div 1 content</p>
    <p>Div 1 content</p>
    <p>Div 1 content</p>
    <p>Div 1 content</p>
</div>
<div id="div-2">
    <p>Div 2 content</p>
    <p>Div 2 content</p>
    <p>Div 2 content</p>
    <p>Div 2 content</p>
</div>

JavaScript

$('#div-1, #div-2').hide();
$('input[type="checkbox"]').click(function(){
    $($('.gaz').attr('rel') + $(this).attr('rel')).css("display","block");
});