JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<a href="#" class="upload"> Upload </a>

<form>
    <input type="file"/>
    <input type="submit" value="submit"/>
</form>

CSS

form {
    border: 1px dashed green;
    padding: 30px 20px;
    position: relative;
}

a.close {
    position: absolute;
    top: 3px;
    right: 3px;
}

JavaScript

var $form = $('form').hide().html(function(i,html){
    return '<a href="#" class="close">close</a>' + html;
});

$('a.upload').click(function(){
    $form.slideDown();
    return false;
});

$('a.close').click(function(){
    $form.slideUp();
    return false;
});