title: jQuery: Menu item sliding slightly to the right when mouseover
body: <p>I assume this is an easy one to make, but I'm not really used to jQuery yet, I've just started to learn.</p>
  
  <p>By CSS, we can write a item:hover class and write left:20px; to apply a slight sliding effect to our menu items e.g <code>&lt;li&gt; Item &lt;/li&gt;</code></p>
  
  <p>Now I want to achieve this in smooth action, namely not appearing suddenly at 20 pixels right but sliding to there. I think animate thing in jQuery is used for such animations, but I'm really bad at jQuery, I don't know where to and in what order I should put the codes. Can you give me a quick example of this? :)</p>