hover траблы

[Simon]

Есть проблемка с ховер и маусовер хотя н3 в чем проблема. Есть код:

<script type="text/javascript">
function slidebut(i)
	{
		$("#st" + i).hover( 
		  function () {
			$("#anim" + i).stop().animate({left: "55px"}, "fast");
		},
		function () {
			 $("#anim" + i).stop().animate({left: "0"}, "fast");
		});
	}	
</script>

и

...
<div style="width:150px; height:80px; position:absolute; margin-top:35px;" onmouseover="slidebut(1);" id="st1">
		<div class="bgbox" id="anim1">
			<div style="margin-left:3px;">
				<a href="#">800x600</a><br>
				<a href="#">1024x768</a><br>
				<a href="#">1280x1024</a>
			</div>
		</div>
	</div>

есть больше блоков st1,st2,st3.. также anim1,anim2,anim3 каждому даю onmouseover. Получается при наведение мышкой по зоне по идее должен выезжать блок. Он выезжает только когда навожу 2 раза мышкой по блоку а почему н3. От чего все это?

И еще вопрос: как лучше использовать скрипт если у нас больше блоков и каждому должен применяться 1 скрипт. или мой вариант тоже норм?

Edited March 16, 2011 by Simon

[Синдром]

Попробуйте убрать обработчик hover и добавить обработчик на mouseleave

function slidebut(i)

{

$("#anim" + i).stop().animate({left: "55px"}, "fast");

$("#st" + i).one('mouseleave', function(){

$("#anim" + i).stop().animate({left: "0"}, "fast");

});

}

в принципе нормально если не лениво добавлять атрибут onmouseover в каждый элемент

если туда вместо значения 1, 2, 3... опустить this немного поунифицирование будет сама функция и можно лишьние id anim1, anim2, anim3... убрать

function slidebut(el)

{

$('.bgbox', this).stop().animate({left: "55px"}, "fast");

$(this).one('mouseleave', function(){

$('.bgbox', this).stop().animate({left: "0"}, "fast");

});

}

по идее должно работать

[Simon]

Попробуйте убрать обработчик hover и добавить обработчик на mouseleave

function slidebut(i)

{

$("#anim" + i).stop().animate({left: "55px"}, "fast");

$("#st" + i).one('mouseleave', function(){

$("#anim" + i).stop().animate({left: "0"}, "fast");

});

}

в принципе нормально если не лениво добавлять атрибут onmouseover в каждый элемент

если туда вместо значения 1, 2, 3... опустить this немного поунифицирование будет сама функция и можно лишьние id anim1, anim2, anim3... убрать

function slidebut(el)

{

$('.bgbox', this).stop().animate({left: "55px"}, "fast");

$(this).one('mouseleave', function(){

$('.bgbox', this).stop().animate({left: "0"}, "fast");

});

}

по идее должно работать

Спасибо, помогло.

2ой вариант в функции вместо this поставил el и работает (а с this не хочет))

[Синдром]

как говорят американцы, вы есть всегда добро пожаловать рад что помогло, замечание насчет this, дельное, правильно я понял что el опускаеться в обработчике onmouseover="slidebut(el);" ?