Zmej00

Здравствуйте. Долго искал как реализовать открытые блока. Ваш вариант подходит отлично. Только не могу разобраться с одной ерундой. Мне надо вставить несколько таких скриптов. <a id="toggleLink" href="javascript:void(0);" onclick="viewdiv('mydiv');" data-text-show="Спрятать блок" data-text-hide="Показать блок">Показать блок</a> <div id="mydiv" style="display:none;">text text text</div> <script> function viewdiv(id) { var el = document.getElementById(id); var link = document.getElementById('toggleLink'); if (el.style.display == "block") { el.style.display = "none"; link.innerText = link.getAttribute('data-text-hide'); } else { el.style.display = "block"; link.innerText = link.getAttribute('data-text-show'); } } </script> <br> <a id="toggleLink" href="javascript:void(0);" onclick="viewdiv('mydiv2');" data-text-show="Спрятать блок" data-text-hide="Показать блок2">Показать блок2</a> <div id="mydiv2" style="display:none;">text2 text2 text2</div> <script> function viewdiv(id) { var el = document.getElementById(id); var link = document.getElementById('toggleLink'); if (el.style.display == "block") { el.style.display = "none"; link.innerText = link.getAttribute('data-text-hide'); } else { el.style.display = "block"; link.innerText = link.getAttribute('data-text-show'); } } </script> Вот предположим 2 раза, id вроде поменял, а в итоге получается, то что на фото. Подскажите как сделать, чтобы каждый был сам по себе? Надо порядка 5-6 штук на страницу.