title: jQuery: show and hide list elements of equivalent position in other list
body: <p>I'm stuck on something that I think should be easy... I've got a ul of links, and ul below that with a list of descriptions relating to each link. When I hover over a link in the first ul, I want to hide all the descriptions in the second ul, and just show the relevant one.</p>
  
  <p>So I basically want to tell jQuery, for each link: "On hover, find my position in the list, then show the li at the equivalent position in the other list". I've got as far as:</p>
  
  <pre><code>$("ul#links li").hover(
      function () {
          $("ul#descriptions li").hide();
          /* need to show the relevant one here! */
      },
      function () {
          $("ul#descriptions li").hide();
      }
  );
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>