title: jQuery fade paragraph when hovering over an internal link
body: <p><br>
  i have this code:</p>
  
  <pre><code>&lt;p&gt;
     Non in porttitor porta. Amet ridiculus? Adipiscing cum scelerisque aliquam, tortor ac mauris platea? Vel in amet non nec facilisis, phasellus.&lt;br /&gt; 
     Sagittis diam auctor ultricies in habitasse integer vel duis sociis rhoncus
     &lt;a href="something.html"&gt;porttitor&lt;/a&gt;?
  &lt;/p&gt;
  </code></pre>
  
  <p>i want to fade out all other text in the paragraph except the text in the anchor tag when hovered on the link to a certain opacity and then make it normal again when unhovered. i want to do this in jquery. i am doing something like this:</p>
  
  <pre><code>$(document).ready(function() {
      $('p a').hover(function() {
          $(this).parent('p').not('a').animate({
               opacity: "0.5"
          }, 3000);
          },
          function() {
          $(this).parent('p').not('a').animate({
               opacity: "1"
          }, 3000);
       });
   });
  </code></pre>
  
  <p>but it isnt working!! please help guys....<br>
  i know this technique is totally wrong... but if you can make it </p>