title: Display different div jquery/css
body: <p>I'd like to display 2 links that toggle the paragraph beneath them.</p>
  
  <p>One link for first person, and the other for third person.</p>
  
  <p>I have created a fiddle using some jQuery:</p>
  
  <pre><code>$("a#first").click(function(){
      $("div.thirdperson").fadeOut("");
      $("div.firstperson").fadeIn("");        
  });
  </code></pre>
  
  <p>It works, but it's not as smooth as I'd like it to be. You can see the shifting.</p>
  
  <p>I want to keep the text separated into two divs, and don't want to simply edit the text portion of the div using the ".text" jQuery command. eg:</p>
  
  <pre><code>$(this).text("DON'T PUSH ME");
  </code></pre>
  
  <p>Here's my fiddle: <a href="http://jsfiddle.net/8k27p/" rel="nofollow">http://jsfiddle.net/8k27p/</a></p>