title: jQuery Slide menu hover action
body: <p>ok thing is like this, I got <strong>2 divs</strong>, one is my <strong>navigation</strong>,
  the other got the same number of li tags with almost same id's as my navigation, those li tags contains a <strong>graphic</strong> that suppose to <strong>slide</strong> when hover the nav.
  Let me explain...</p>
  
  <p>this is <strong>my nav</strong></p>
  
  <pre><code>&lt;ul id="navInside"&gt;
    &lt;li&gt;&lt;a id="nInicio" href="index.php" &gt;Inicio&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a id="nHistoria" href="history.php" &gt;Historia&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a id="nQuienes" href="aboutus.php" &gt;Quienes somos&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>this is what <strong>should move</strong></p>
  
  <pre><code>&lt;ul id="navSlides"&gt;
    &lt;li id="SnInicio"&gt;&lt;/li&gt;
    &lt;li id="SnHistoria"&gt;&lt;/li&gt;
    &lt;li id="SnQuienes"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>This is the <strong>jQuery</strong> code i got now....</p>
  
  <pre><code>    $('#navInside li').hover(function (){
      $("#S" + this.id).animate({top: '0px'}, 500)}, function (){
      $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');} 
  );  
  </code></pre>
  
  <p>Can you help me get the <strong>right selector</strong> for this to work?</p>
  
  <p>I been stuck for days... 
  Thank you</p>