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'), он должен работать.