Как сделать много спойлеров но чтоб код не дублировать

Есть код споилера (см внизу или по ссылке https://jsfiddle.net/carceti/5x7k97mc/1/).

На сайте к примеру надо сделать 10 стаких споилеров, как так сделать чтобы каждый раз весь код не дублировать?

Код (Javascript):

1. <div class="spoil">
2.  
3.   <div class="smallfont">
4.     <input type="button" value="Нажмите что бы открыть или закрыть спойлер" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Текст спойлера'; }"
5.     />
6.   </div>
7.  
8.   <div class="alt2">
9.  
10.     <div style="display: none;">
11.       Текст внутри спойлера
12.     </div>
13.  
14.   </div>