0

マウスが上にあるアイテムが右にスライドするメニューを作成しようとしています。マウスが離れた後、div を元の位置に戻します。現在、マウスオーバーするとdivが右に移動しますが、マウスアウトするとそこにとどまり、左に戻りません。

<script> 
$(document).ready(function(){
   $(".menu_option").mouseenter(function(){
    $(".menu_option").animate({left:'50px'});
  });
  $(".menu_option").mouseleave(function(){
    $(".menu_option").animate({right:'50px'});
  });
});
</script>

cssはこんな感じ

.menu_option {
height: 50px;
width: 150px;
position: relative;
}
.menu_holder {
float: left;
height: 300px;
width: 150px;
position: relative;
}

HTML

<div class="menu_holder">
<div class="menu_option">Content for  class "menu_one" Goes Here</div>
</div>

どこが間違っていますか？

4

1 に答える 1

1

マウスの休暇には、使用する必要があります

$('.menu_option').mouseleave(function(){
    $('.menu_option').animate({left : 0});
});
于 2013-05-11T08:06:44.813 に答える