ホバー時に画像をスライドアウトさせ、新しいリンクにホバーしたらスライドバックさせようとしていますが、うまく動作しないようです。
JSはこちら
$(function() {
$('#menu_seo > li').hover(
function () {
var $this = $(this);
$('span',$this).stop().animate({
'right':'70px'
}).css({
'zIndex':'10'
});
},
function () {
var $this = $(this);
$('span',$this).stop().animate({
'right':'-10px'
}).css({
'zIndex':'-1'
});
}
);
});
そして私のCSS:
#menu_seo {
position:relative;
}
ul#menu_seo li span {
height:60px;
width:15px;
position:absolute;
z-index:-1;
cursor:pointer;
}
ul#menu_seo li span.arrowout1 {
background-image:url(../arrow.png);
top:8px;
left:230px;
}
ここで私の問題を見た人はいますか?