How hide/display text

How hide/display text

Hi guys,
I'm a bit stuck with displaying and hiding text. I created a div which when clicked on expands and moves. Now I want the text that I put in this div to only be shown when the div was clicked upon and thus expanded.

I thought I could do this by setting the text like this;
      <div id="box">
 <text style="display: none">Here comes the text..</text>
</div>

<script>
$("#box").click(function(){
  $("#box").animate({
    width: "500px",
    height: "300px",
    borderWidth: "10px",
    top: "250px",
    left: "150px"
  }, 1500 )

Now I would like to add a line here with makes the variable 'text' visible
Any help would be very much appreciated!

Cheers,
Ziggy