JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ui-26">
<div class="ui-segment" data-role="controlgroup" data-type="horizontal" >
    <input type="button" name="segment-coffee" id="segment-coffee" class="custom" value="coffee" />
    <input type="button" name="segment-cola" id="segment-cola" class="custom" value="cola" />
    <input type="button" name="segment-water" id="segment-water" class="custom" value="water" />
</div>
</div>

JavaScript

$(".ui-segment input").click( function() {
    var button = $(".ui-segment").data("clicked");
    // alert( button );
    if ( button ) {
        $("#"+button).removeAttr("disabled");
    }
    $(".ui-segment").data("clicked", $(this).attr("id"));
    $(this).attr("disabled", true);
});