title: jQuery - Slide a Line of Text Open and Closed (Left and Right)
body: <p>Variations on this question have been asked, but not this specifically.</p>
  
  <p>I have a number of lines of text, like below:</p>
  
  <pre><code>#item {margin-left: 100px;}
  
  &lt;div class="item"&gt;Happy to Know You.&lt;/div&gt;
  &lt;div class="item"&gt;Glad to Know You.&lt;/div&gt;
  &lt;div class="item"&gt;Sad to Know You.&lt;/div&gt;
  </code></pre>
  
  <p>I want a jQuery code that will let me slide the text out into the page and back in, on hover.</p>
  
  <pre><code>   $(".item").mouseover(function(){
       $(".item").animate({"marginLeft": "-=100px"}, "slow");
          });
  </code></pre>
  
  <p>As far as I can tell, this works well for one item, but I have a list of 20 or 30 such terms and don't want them all to move.  I don't know how to iterate it so I can write it once and have it work for each item separately.  Can you help?</p>