JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
<div id="opwp_woo_tickets">
    One: <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][0][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][0][maxtickets]" value="One">
    </div>

    Two: <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][1][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][1][maxtickets]" value="Two">
    </div>

    Three: <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][2][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][2][maxtickets]" value="Three">
    </div>
 </div>
</form>

JavaScript

$('input.maxtickets_enable_cb').change(function(){
        if ($(this).is(':checked')) $(this).next('div.max_tickets').show();
        else $('div.max_tickets').hide();
    }).change();