title: jQuery hover parent affect child
body: <p>I am curious to know, how you target a child, when hover on a parent?</p>
  
  <p>How I would do in CSS:</p>
  
  <pre><code>parent:hover child {
  background-color: #FFFFFF;
  }
  </code></pre>
  
  <p>How do you do this in jQuery? <strong><em>".medarbejdere .info span.kontaktinfo"</em></strong> is my Parent. I would like <strong><em>$(this)</em></strong> to be my child.</p>
  
  <pre><code>var navDuration = 150; //time in miliseconds
    var forstoer = "150px";
  
    $('.medarbejdere .info span.kontaktinfo').hover(function() {
        $(this).animate({ 'right' : "+="+forstoer }, navDuration);            
    }, function() {
        $(this).animate({ 'right' : "-150px" }, navDuration);
      });
  </code></pre>
  
  <p>Thank you in advance...</p>