title: Expand and Collapse / Show More, Show Less
body: <p>I have three paragraphs, each with the option to "Show More" if they click the "Show More" link. As each link is clicked, it should go back and forth reading either "Show More" or "Show Less".</p>
  
  <p>I basically have it set up using .toggle(), but it is not applying to individual links. So when you click one, they all change. I also have to change to read to "Show Less," but cannot get it to go back and forth between "Show More" and "Show Less" after that.</p>
  
  <p>The "hide" class is set to display:none in the CSS btw.</p>
  
  <p>I think I am getting close, but any help or advice on these last two issues would be appreciated:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Expand/Collapse&lt;/title&gt;
      &lt;link rel="shortcut icon" href="images/favicon.ico"&gt;
      &lt;link rel="stylesheet" href="index.css"&gt;
      &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="subset_expansion.js"&gt;&lt;/script&gt;     
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;section id="jdom"&gt;
          &lt;h1&gt;Murach's JavaScript and DOM Scripting&lt;/h1&gt;
          &lt;h2&gt;Book description&lt;/h2&gt;
          &lt;div&gt;
              &lt;p&gt;You can read other JavaScript books from start to finish and still not
              know how to develop dynamic websites like you want to. That's because 
              it's DOM scripting that lets you do things like run slide shows, handle image
              rollovers, rotate headlines, provide animation, and more. And it's a subject 
              that's glossed over or ignored in most other books.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="hide"&gt;
              &lt;p&gt;But now, you can go from JavaScript beginner to DOM scripting expert in a 
              single book! Fast-paced, professional, and packed with expert practices, our 
              new JavaScript book guides you through each step as you learn how to program 
              sites that enhance the user experience and ensure browser compatibility.&lt;/p&gt;
          &lt;/div&gt;
          &lt;a href="#"&gt;Show more&lt;/a&gt;           
  
          &lt;h2&gt;About the author&lt;/h2&gt;
          &lt;div&gt;
              &lt;p&gt;Ray Harris is an expert JavaScript programmer. That will be obvious to you 
              as soon as you review the 20 complete applications that he presents in this 
              book.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="hide"&gt;
              &lt;p&gt;Ray Harris is much more than a JavaScript programmer. He has a Master's degree 
              in Computer Science and Artificial Intelligence. He worked on advanced 
              research projects at the Air Force Research Lab while he was in the USAF. 
              He taught information security and web development at the College of 
              Technology in Raleigh, North Carolina. In fact, Ray has been programming 
              and teaching since he was 12 years old.&lt;/p&gt;
              &lt;p&gt;So when Ray said he wanted to write for us, it didn't take us long to hire 
              him. Not only did he have the technical skills that we were looking for, 
              but his previous writings showed that he had an uncommon ability to think, 
              write, and teach.&lt;/p&gt;
          &lt;/div&gt;
          &lt;a href="#"&gt;Show more&lt;/a&gt;
  
          &lt;h2&gt;Who this book is for&lt;/h2&gt;
          &lt;div&gt;
              &lt;p&gt;Due to our unique presentation methods and this book's modular organization,
              this is the right book for any web developer who wants to use JavaScript effectively.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="hide"&gt; 
              &lt;p&gt;Here's just a partial list of who can use this book:&lt;/p&gt;
              &lt;ul&gt;
                  &lt;li&gt;Web developers who know HTML and CSS and are ready to master JavaScript.&lt;/li&gt; 
                  &lt;li&gt;Web developers who program in ASP.NET, JSP, or PHP on the server side and 
                  now want to master client-side coding.&lt;/li&gt;
                  &lt;li&gt;Web developers who have already read 3 or 4 JavaScript or DOM scripting books 
                  but still don't know how to do the type of DOM scripting that's required in 
                  real-world applications&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;a href="#"&gt;Show more&lt;/a&gt;               
  
      &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>subset_expansion.js:</p>
  
  <pre><code>$(document).ready(function(){
      $("a").click(function(){    
      $(".hide").toggle();
      $(this).text("Show Less");
    });
  });
  </code></pre>