Всем привет. помогите с реализацией, пожалуйста при клике на показать/скрыть показывается

Question

Всем привет. помогите с реализацией, пожалуйста при клике на показать/скрыть показывается

полный и скрытый текст соотв-но

<script>
function Spoiler() {
var btn = document.getElementById("linkSpoiler");
var spoiler = document.getElementById("spoiler_text");
var full = document.getElementById("full_text");
if(full.style.display == "block") {
full.style.display = "none";
spoiler.style.display = "block";
btn.innerHTML = "Показать полностью";
}
else {
full.style.display = "block";
spoiler.style.display = "none";
btn.innerHTML = "Скрыть";
}
}
</script>
<div id="spoiler_text" style="display: block;">
<p>Спойлер текста</p>
</div>
<div id="full_text" style="display: none;">
<p>Полный текст</p>
</div>
<a href="javascript:Spoiler();" id="linkSpoiler">Показать полностью</a>
все работает прекрасно. (за исключением того что надо каждый раз прогружать на страницу и спойлер и полный текст)

но как сделать чтоб оно работало если на странице не одна такая статья а 10 например?
допустим я с бэка вытащу в каждую пару элементов уникальные id, но как эти id прикрутить к "скрывальщику"?