Иногда на сайте нам нужно закрыть блок div, но при этом оставить функцию, чтоб можно было в аналогичном порядке его открыть. Это можно сделать при помощи скрипта, где вы ставите описание или то что нужно по умолчанию скрыть. Вообщем при открытие страницы будет написано "Показать блок" где делаем клик по этому описание и открывается скрытая информация. Но уже и название меняется, то есть при открытие видим такую надпись "Спрятать блок", где следующем кликом закрываем.
Ставим там, где хотите видеть, что надпись можно в самом скрипте сменить на свою оригинальную.
Код
<a id="kavensagukod" href="javascript:void(0);" onclick="viewdiv('mydiv');" data-text-show="Скрыть материал" data-text-hide="Показать материал">Показать материал</a>
<div id="mydiv" style="display:none;">Здесь ставим описание или элементы - который скрываем</div>
<script>
function viewdiv(id) {
var el = document.getElementById(id);
var link = document.getElementById('kavensagukod');
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>
Также можете посмотреть как получилось.
Демонстрация