[Perumov]

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 = 'Закрыть';
	}
}

Этот замечательный скрипт открывает блок и прячет его по нажатию одной и той же кнопки.
Подскажите, пожалуйста, как можно переделать скрипт, чтобы по нажатию кнопки блок показывался, а при нажатии на крестик "Х" он закрывался?
Для такой структуры html кода:

<a class="pp-credit-block-button" href="#" id="toggler">Кнопка на открытие блока</a>
<div id="popup-credit"><!-- Блок который нужно показать и закрыть по нажатию Х -->
	<div class="credit_block">
		<div class="cancelComment"  title="Закрыть">X</div>
		<h2>Заголовок</h2>
		<p>Контент</p>
		<p>Контент</p>
		<p>Контент</p>
	</div>
</div>

Скрипт работает у меня так:

window.onload= function() {
		document.getElementById('toggler').onclick = function() {
			openbox('popup-credit', this);
			return false;
		};
	};
	function openbox(id, toggler) {
		var div = document.getElementById(id);
		if(div.style.display == 'block') {
			div.style.display = 'none';

		}
		else {
			div.style.display = 'block';
			toggler.innerHTML = 'Закрыть';

		}
}