JSFiddle - React, Tailwind, and code Playground

HTML

<form id="adv-settings" action="" method="post">
            <h5>Show on screen</h5>
        <div class="metabox-prefs">
            <label for="genesis_inpost_seo_box-hide"><input class="hide-postbox-tog" name="genesis_inpost_seo_box-hide" type="checkbox" id="genesis_inpost_seo_box-hide" value="genesis_inpost_seo_box">Genesis SEO Settings</label>
<label for="genesis_inpost_layout_box-hide"><input class="hide-postbox-tog" name="genesis_inpost_layout_box-hide" type="checkbox" id="genesis_inpost_layout_box-hide" value="genesis_inpost_layout_box">Genesis Layout Settings</label>
<label for="gridblog-hide"><input class="hide-postbox-tog" name="gridblog-hide" type="checkbox" id="gridblog-hide" value="gridblog">Grid Information</label>
<label for="postcustom-hide"><input class="hide-postbox-tog" name="postcustom-hide" type="checkbox" id="postcustom-hide" value="postcustom">Custom Fields</label>
<label for="commentstatusdiv-hide"><input class="hide-postbox-tog" name="commentstatusdiv-hide" type="checkbox" id="commentstatusdiv-hide" value="commentstatusdiv">Discussion</label>
<label for="commentsdiv-hide"><input class="hide-postbox-tog" name="commentsdiv-hide" type="checkbox" id="commentsdiv-hide" value="commentsdiv">Comments</label>
<label for="slugdiv-hide"><input class="hide-postbox-tog" name="slugdiv-hide" type="checkbox" id="slugdiv-hide" value="slugdiv">Slug</label>
<label for="authordiv-hide"><input class="hide-postbox-tog" name="authordiv-hide" type="checkbox" id="authordiv-hide" value="authordiv">Author</label>
<label for="revisionsdiv-hide"><input class="hide-postbox-tog" name="revisionsdiv-hide" type="checkbox" id="revisionsdiv-hide" value="revisionsdiv">Revisions</label>
<label for="pageparentdiv-hide"><input class="hide-postbox-tog" name="pageparentdiv-hide" type="checkbox" id="pageparentdiv-hide" value="pageparentdiv" checked="checked">Page Attributes</label>
<label for="postimagediv-hide"><input class="hide-postbox-tog" name="postimagediv-hide"...

CSS

div.hide-if-js {
display: none;
}

JavaScript

$('#gridblog').hide();
$('#page_template').live('change', function(e) {
    if ($(this).val() === "page-gridblog.php") {
        $("#gridblog").show();   
    }
}).change();
$('#page_template').change(function() {
     $('#gridblog').hide();          
});