При клике onclick открыть закрыть DIV блок

При клике по ссылке открывается DIV блок, еще раз при клике по той же ссылке это окно закрывается <script type="text/javascript"> function openbox(id){ display = document.getElementById(id).style.display…

Материал из архива старого сайта

Текст сохранён при переносе с Joomla. Технические рекомендации и внешние ссылки могли устареть — проверяй их перед применением.

При клике по ссылке открывается DIV блок, еще раз при клике по той же ссылке это окно закрывается

<script type="text/javascript">

function openbox(id){
    display = document.getElementById(id).style.display;

    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}
</script>

Ссылка для вывода блока при клике

<a href="#" onclick="openbox('box'); return false">Открыть</a>

 Наш блок

<div id="box" style="display: none;">Наш блок</div>

Чтобы изменилось слово закрыть открыть в зависимости от состояния, используйте следующий код:

window.onload= function() {
	document.getElementById('toggler').onclick = function() {
		openbox('box', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Открыть';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть';
	}
}

Ссылка будет иметь вид:

<a id="toggler" href="#">Открыть</a>

Блок будет иметь вид:

<div id="box" style="display: none;">Наш блок</div>
Позвонить WhatsApp Заявка