JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="button" name="image_file" id="image_file" value="type='button'" />
</div>

<div class="overlay_wrap">
    Overlast
</div>

<a id="click" href="">Click</a>

JavaScript

$(document).ready(function() {
    
    $("#click").click(function(event) {
        event.preventDefault();
        $('.overlay_wrap').fadeOut(1000, function(){
            $('#image_file').trigger('click');
        });
    });
    
    $('#image_file').click(function() {
         alert('ok');   
    });
});