After playing around with a jsFiddle, I'm faced with a dilemma. When I try to animate a "drawer" using jQuery, my text mysteriously jumps down a few pixels during the slide animation. It's puzzling me and I'm struggling to pinpoint the cause.
All I have are two inline-block elements that I want to hide/show.
<div id="hover-me">
<div class="inline-block" id="show">
Hello
</div>
<div class="inline-block">
World
</div>
</div>
$("#hover-me").mouseenter(function() {
$(this).children(":first").animate({width:'toggle'},650);
});