<style>
DIV.main_block {
margin: 0px;
background-color: #F9F9F9;
border: 1px #000000 dashed;
padding: 0px;
color: #797979;
}
DIV.toggle {
padding: 5px;
cursor: pointer;
}
DIV.this_block_is_hidden {
background-color: #FFFFFF;
border-top: 1px #000000 dashed;
padding: 5px;
color: #000000;
display: none;
}
</style>
<script>
function openBlock(el) {
var kids = el.parentNode.childNodes;
for (var k = 0; k < kids.length; k++) {
var child = kids[k];
if (child && child.className == "this_block_is_hidden") {
if (child.style.display != 'block') {
child.style.display = 'block';
} else {
child.style.display = 'none';
}
}
}
}
</script>
<div class="main_block">
<div onmouseover="openBlock(this);" class="toggle">Нажмите, что бы раскрыть блок.</div>
<div class="this_block_is_hidden">это первый скрытый блок</div>
</div>
<br>
<div class="main_block">
<div onclick="openBlock(this);" class="toggle">Нажмите, что бы раскрыть блок.</div>
<div class="this_block_is_hidden">это второй скрытый блок</div>
</div>
|