JSFiddle - React, Tailwind, and code Playground

by dhavaljani

HTML

<div class="wrap">
<a href="#" class="myClass">Add Files</a>
</div>

CSS

p {
    background: yellow;
  }

JavaScript

$(".myClass").live("click", function(){
    $(this).after("<div id=\"original1\" class=\"add-select-files\">                    <div class=\"uneditable-input span3\">                        <i class=\"icon-file fileupload-exists\"></i><span class=\"fileupload-preview\"></span></div><span class=\"btn btn-file\">                        <span class=\"fileupload-new\">Select file</span>                        <span class=\"fileupload-exists\">Change</span>        <input type=\"file\" class=\"file-upload\" name=\"TaskFile\"></span><a data-dismiss=\"fileupload\" class=\"btn fileupload-exists\" href=\"#\">Remove</a><input id=\"hdFileExist\" name=\"hdFileExist\" type=\"hidden\" value=\"False\">                    <input id=\"hdSelectFile\" name=\"hdSelectFile\" type=\"hidden\" value=\"False\">                </div>");
});