title: Javascript .append() with .fadein()
body: <p>I created a function that adds text to an element called #textBox. I want the text to fade in the box so, here is my code.</p>
  
  <pre><code>var addText_3 = function(text) {
      $("#textBox").append("&lt;p&gt;&lt;i&gt;" + text + "&lt;/i&gt;&lt;/p&gt;").hide().fadeIn(500);
  };
  </code></pre>
  
  <p>So, my function appends to text and hides it so it can fade in. However, I just want the appended element to fade in. When I try this function, all of the other text in the element also fade. Is there a way to only make the element I am appending to fade in?</p>