JSFiddle - React, Tailwind, and code Playground

by eddiemonge

HTML

<div class="user_workout">     
    I am hiding an input            
    <div class="control-group hidden">
        <div class="controls">
            <input class="hidden" id="foo_destroy" name="meeting[camp_workouts_attributes][0][workouts_attributes][0][_destroy]" type="hidden" value="false" />
        </div>
    </div>
    <div class='nested-fields-link'>
      <button type="button">remove</button>
    </div>
</div>

JavaScript

$(function(){
    $("button").on("click", function() {
        $(this).closest(".user_workout").hide()
            .find(".hidden").val("1");
    });        
});