внутренний div
ребят, тут такая ситуация.
у меня 2 класса вот таких <div class="block-ONE"> <div class="block2"> </div> </div> <div class="block-TWO"> <div class="block2"> </div> </div> так вот, block 2 у меня display none, при навидении на block-ONE, появляется block2, но мне нужно чтоб появлялся именно block2 который сидит в block-ONE, и если ты наводишь на BLOCK-TWO то появляется block2 который в BLOCK-TWO.. help please |
Как вариант...
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.block2 {
display: none;
}
.block-ONE:hover > .block2 {
display: block;
}
.block-TWO:hover > .block2 {
display: block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="block-ONE">
block-ONE
<div class="block2">block2 ONE</div>
</div>
<div class="block-TWO">
block-TWO
<div class="block2">block2 TWO</div>
</div>
</body>
</html>
И никакого jQuery... |
так тоже был вариант, но нужно плавное открытие ...
|
и еще... там просто у меня не BLOCK-TWO и не BLOCK-ONE,
там у меня так
<div class="s_server_info"><a href="#">x200</a>
<div class="s_server_window_0">
<div class="s_server_window">x200 </div>
</div><!-- s_server_window -->
</div><!-- s_server_info -->
<div class="s_server_info"><a href="#">x500</a>
<div class="s_server_window_0">
<div class="s_server_window">x500</div>
</div><!-- s_server_window -->
|
| Часовой пояс GMT +3, время: 17:23. |