Нашел вот этот вариант:
http://www.s3blog.org/skrytye-bloki.html
Поставил, изменил условие
onclick на
onmouseover
Вот полный код решения:
<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>
И оно реально работает,
Но, у меня:
<div onmouseover="openBlock(this);" class="toggle">Нажмите, что бы раскрыть блок.</div>
Здесь еще несколько DIV-ов!
<div class="this_block_is_hidden">это первый скрытый блок</div>
Как в данном случае правильно идентифицировать именно этот див ("this_block_is_hidden")?
Цитата:
|
Если Вы все же хотите, чтобы Вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела
|
Усилия приложил, задаю вопрос уже по ходу дела, можно сказать, завершение решения.
Спасибо!