show hide div with java script

<script>
function myFunction() {
        document.getElementById("my_file").style.display = "block";

}
</script>


<input type="button" onclick="myFunction()" id="addmore" width="30px" name="addmore" value="Add More Images"/>

<input type="file" id="my_file" name="Photo1" style="display: none;" />