¿Cómo mostrar automáticamente los input type según selecciono el archivo?

[Etherman]

Gracias caricatos, por cierto, fabulosa página.
Aunque funcionaba bien, no supe sacar nada en claro de cómo funcionaba aquel código..
Bueno, como no me sirve la maña uso la fuerza, he usado un código para ocultar campos, y el código me queda así:

Código HTML:

<div class="pre-spoiler">
01 <input type="file"name="imgfile1"><span style="float: left; padding-top: 2px;"></span><input id="xs" value="Poner otra" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Poner otra';}" type="button" /><div class="spoiler" style="display: none;">
<div class="pre-spoiler">
02 <input type="file"name="imgfile2"><span style="float: left; padding-top: 2px;"></span><input id="xs" value="Poner otra" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Poner otra';}" type="button" /><div class="spoiler" style="display: none;">
<div class="pre-spoiler">
03 <input type="file"name="imgfile3"><span style="float: left; padding-top: 2px;"></span><input id="xs" value="Poner otra" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Poner otra';}" type="button" /><div class="spoiler" style="display: none;">
<div class="pre-spoiler">
 04 <input type="file"name="imgfile4"><span style="float: left; padding-top: 2px;"></span><input id="xs" value="Poner otra" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Poner otra';}" type="button" /><div class="spoiler" style="display: none;">
<div class="pre-spoiler">
05 <input type="file"name="imgfile5"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div></div>