Помогите пожалуйста.
Есть например 3 пункта меню 1-2-3 (но может быть и 10-ть)
При наведении мышкой на любой из пунктов мне нужно чтобы оставшиеся пункты меню анимировались.
Например наводим на пункт 2, анимируются пункт 3
Наводим на пункт 1, анимируются пункты 2 и 3
Вот код, но вставка this тут не очень правильно, просто не соображу, что туда подставить.
Заранее спасибо за помощь
<div id="menui1" qwe="menu" aaa="1"><a href="./index.php"><img src="images/m1.gif" width="" height="" alt="" border="0"></a></div>
<div id="menui2" qwe="menu" aaa="2"><a href="./index.php"><img src="images/m2.gif" width="" height="" alt="" border="0"></a></div>
<div id="menui3" qwe="menu" aaa="3">qwe<a href="./index.php"><img src="images/m3.gif" width="" height="" alt="" border="0"></a></div>
$("div[qwe='menu']").mouseover(function()
{
$("this ~ div[qwe='menu']").animate({left: '+=250'}, { queue:false, duration:100 });
})
.mouseout(function()
{
$("this ~ div[qwe='menu']").animate({left: '-=250'}, { queue:false, duration:100 });
});