Форум

rash2x · #1 (**permalink**) 18.04.2011, 02:34

ребят, тут такая ситуация.

у меня 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

ksa · #2 (**permalink**) 18.04.2011, 09:07

Как вариант...

<!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...

rash2x · #3 (**permalink**) 18.04.2011, 11:19

так тоже был вариант, но нужно плавное открытие ...

rash2x · #4 (**permalink**) 18.04.2011, 11:34

и еще... там просто у меня не 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 -->

Форум

Справочник

Discord чат

Курсы javascript