jquery - Jquery-slideleft、コードが機能していませんか？

Question

タイトルは説明的ですが、このコードの何が問題になっていますか、またその理由は何ですか？

<script type="text/javascript">

$(document).ready(function() {
  $('#slideleft').mouseenter(function() {
    var $lefty = $(this).next();
      $lefty.animate({ 
        left: "-2000px"
             }, 500 );
  });
});
</script>

HTML

<div id="slideleft" class="slide"> 

  <div class="inner">Animate this element's left style property</div> 
</div> 

Answer 1

の$(this).next()次の兄弟をつかむ必要がありdiv#slideleftますが、実際にはdiv.inner正しくスライドしたいようですか？あなたがそれに変更$(this).next()する$(this).children('.inner')場合は動作するはずです。