title: Toggle excerpt and content using jQuery
body: <p>I've seen this link: <a href="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery">Toggle Posts in wordpress using jquery</a> but it's unfortunately not doing what I want. I have a custom post type. What I want is to have an excerpt with "Read More" link. I got that. But I want the Read More link to toggle/slideToggle the full content within the article. Also have a "read less" link that will go back to showing the excerpt. </p>
  
  <p>Edit: Here is the script I got working...can anyone tell me if this is too much. It works now, but I don't know if there is an easier way.</p>
  
  <pre><code>    $(function() {
      $('.content').hide()
    $('a.read').click(function() {
       $(this).closest('.tenant').find('.content').slideDown('fast');
       $('.excerpt').hide()
       return false;
    });
    $('a.read-less').click(function() {
       $(this).closest('.tenant').find('.excerpt').slideToggle('fast');
       $('.content').hide()
       return false;
    });
  });
  </code></pre>
  
  <p>Then my query: </p>
  
  <pre><code>    &lt;?php query_posts('post_type=tenants'); ?&gt;
      &lt;?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?&gt;
      &lt;article class="tenant"&gt;
          &lt;div class="tenant-header"&gt;
          &lt;?php the_post_thumbnail('thumbnail', array('class' =&gt; 'left')); ?&gt;
  
               &lt;h1&gt;&lt;?php the_title();?&gt;&lt;/h1&gt;
              &lt;/div&gt;
       &lt;div class="excerpt"&gt;&lt;?php the_excerpt(); ?&gt;&lt;a href="" class="read"&gt;Read More&lt;/a&gt;  &lt;/div&gt;
       &lt;div class="content"&gt;&lt;?php the_content(); ?&gt;&lt;a href="" class="read-less"&gt;Read Less&lt;/a&gt;&lt;/div&gt;
       &lt;/article&gt;
  
   &lt;?php endwhile; ?&gt;
  </code></pre>
  
  <p>EDIT AGAIN:
  When multiple posts are in, and you hit "read more" the text from the other post disappear :-/  So i guess this "almost" the right code</p>