Показать сообщение отдельно
  #1 (permalink)  
Старый 10.08.2013, 08:33
Аватар для Айvan
Интересующийся
Отправить личное сообщение для Айvan Посмотреть профиль Найти все сообщения от Айvan
 
Регистрация: 06.04.2013
Сообщений: 26

Что не так в коде?
Код взят из книги Дэвида Флэнагана.

почему ничего не отображается?

<!DOCTYPE html>
<html>
<head>
<title>Документ без названия</title>

<style>
.reveal {
	display:none;
}
.handle {
	display:block;
}
</style>

<script>
window.onload = function() {
	var elements = document.getElementById('reveal');
	
	for(var i = 0; i < elements.length; i++) {
		var elt = elements[i];
		var title = document.getElementById('handle')[0];
		
		addRevealHandler(title, elt);
	}
	
	function addRevealHandler(title, elt) {
		title.onclick = function() {
			if(elt.className == 'reveal') {
				elt.className = 'revealed';
			}
			else if(elt.className == 'revealed') {
				elt.className = 'revel';
			}
		}
	}
	
}
</script>
</head>

<body>

<div class="reveal">
<h1 class="handle">Развернуть/свернуть</h1>
<p>Этот абзац невидим. Он появляется после щелчка по заголовку</p>
</div>


</body>
</html>

Ответить с цитированием