Здравствуйте.
Долго искал как реализовать открытые блока. Ваш вариант подходит отлично. Только не могу разобраться с одной ерундой.
Мне надо вставить несколько таких скриптов.
<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 штук на страницу.
