Добрый день
Мне нужно сделать выезжающий блок. Покажу на простом примере

<script type="text/javascript">
	$(document).ready( function() {
		$('#open_box').hover(
			function () {
				$('#box').slideDown(100);
			},
			function () {
				$('#box').slideUp(100);
			}
		);
	});
</script>
<div id="open_box" style="height: 20px; width: 100px; border: 1px solid">Open</div>
<div id="box" style="display: none; height: 100px; width: 100px; border: 1px solid">test box</div>

Мне нужно такое реализовать, но только если мышь находится в блоке box после открытия, то естесствено блок не должен закрываться. Как это грамотно сделать. А то у меня много кода получается?

Без анимации
с анимацией
+ позиция абсолют

BaNru
Спасибо, но мне нужно не изменяя html. Там изначально верстка не очень. И даже эти малые изменения много работы создадут) Да иеще нужна поддержка ie > 8

Или все же правильно изменить html? Т.е вот эту структуру нереально нормально реализовать с помощью js?

Не меняя HTML

SoMeOnE, погляди на это всё "ширше" Твоя задача, если я правильно понял, такая: подвели мышУ к ДИВу open_box и появился ДИВ box. А когда убрали мышь с ДИВа box, то он исчез.
Ну так и опиши это:
1. При событии mouseenter в ДИВе open_box появляется ДИВ box.
2. При событии mouseleave ДИВа box он исчезает.

Естестенно, второй ДИВ должен перекрывать первый, чтобы это сработало (твой CSS не анализировал, может так и перекрываются).

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

sergeiss
Если второй не положить в первый он не будет его перекрывать) Разве, что абсолютом поставить и высоту обманчиваю дать. Но тогда нижние элементы опустятся, пустота останется.

var html = $('#box').html();
$('#box').remove();
$('#open_box').append( html );

Можно не скромный вопрос?
Нафуя?!

sergeiss
ok спасибо.

BaNru
Да все уже. Забудь об этом

Да это не тебе был вопрос.

А тебе - чем реализация на CSS не устраивает?

Впринципе решил поменять структуру. Одним разом. Зато потом нормально будет все. Просто времени на это больше нужно. Верстка и так плывет там.