Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.01.2011, 21:44
Аспирант
Отправить личное сообщение для adelante Посмотреть профиль Найти все сообщения от adelante
 
Регистрация: 26.01.2010
Сообщений: 44

Не пойму почему не срабатывает hover() по mouseout
При попадании курсора в div.item должен slideToggle() его дочерний div.hovered(таким образом, что этот всплывший div располагается полностью поверх родительского div), а когда курсор из div.item выходит, должно произойти обратное:

$('div.item').hover(function () {
		$(this).find('div.hovered').slideToggle('fast');});


<div class="item">
			
				<div class="hovered">
				
					content
				
				</div>
			
				content	
			
			</div>


Код:
div#suppliers .item {
	float: left;
	width: 70px;
	height: 52px;	
	padding: 12px;		
	font-size: 9px;
	position: relative;
}

div#suppliers .hovered {
	width: 200px;
	height: 50px;	
	padding: 12px;	
	margin: -12px 0 0 -12px;
	border: 1px solid #eaeceb;
	position: absolute;
	display: none;
	z-index: 9995;
	background: #fff;
}
Но фактически происходит только первая половина желаемого, т.е. когда я убираю курсор с этим слоём, .hovered не сворачивается. А сворачивается, когда ещё раз курсор навожу.

P.S. Как-то можно просто сделать так, чтобы slideToggle происходил не в вертикальной, а в горизонтальной плоскости, или надо подключать jquery interface?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 12:28
Почему функция срабатывает один раз? Bogdan808 Javascript под браузер 4 06.09.2010 22:41
Почему скрипт срабатывает только после обновления страницы? Randomizer jQuery 2 01.09.2010 18:01
Не срабатывает hover при использовании в div IE 6.0 AlexMak (X)HTML/CSS 5 14.05.2009 17:26
Почему не срабатывает innerHTML? БВИ Internet Explorer 1 02.01.2009 18:00