Показать / скрыть блок

11 Марта 2016
javascript

Скрипт показывает и скрывает блок при клике на ссылку, кнопку

Код скрипта ShowHide:

function ShowHide(id){
	var idBlock=document.getElementById(id);
	var styleBlock=getComputedStyle(idBlock).display;
	idBlock.style.display=styleBlock==="none"?"block":"none";
}

Кнопка которая открывает и сворачивает блок c id="callback"

<button onclick="ShowHide('block_id');">Показать / Скрыть</button>

Скрипт примера:

<button onclick="ShowHide('block_id');">Показать / Скрыть</button>
<div id="block_id">Текст</div>
<script>
	function ShowHide(id){
		var idBlock=document.getElementById(id);
		var styleBlock=getComputedStyle(idBlock).display;
		idBlock.style.display=styleBlock==="none"?"block":"none";
	}
</script>

Пример: пример