title: jQuery Slide Toggle - change HTML when opened
body: <p>I have this function to open up a DIV to show content when a "read more" link is clicked. I'd like to change the value of "Read More" to "Close" once the DIV has been expanded.</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;p class="expand-text"&gt;Read more&lt;/p&gt;
    &lt;div class="content"&gt;
      &lt;div class="full-text"&gt;
        &lt;p&gt;Text content here&lt;/p&gt;
      &lt;/div&gt;                      
    &lt;/div&gt;
  &lt;/div&gt;                            
  
  &lt;script&gt;
   $(".container").click(function() {
     $(this).find('.content').slideToggle();
   });
  &lt;/script&gt;
  </code></pre>