title: Using html in jquery expand collapse
body: <p>I am using expand collapse on my site using jquery and html code bellow:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
      $('.fulltext').hide();
  
      $('.blog-item .readmore').click(function (event) {
          event.preventDefault();
          $(this).parent().find('.fulltext').slideToggle('slow');
          $(this).text($(this).text() == 'Close Deals' ? 'More Deals' : 'Close Deals');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;div class="blog-item"&gt;
          &lt;p class='fulltext'&gt;Read more text will be here.&lt;/p&gt;
      &lt;a class="readmore" href="#"&gt;Read more..&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Actually I want to use table inside hidden text which is now: <code>&lt;p class='fulltext'&gt;Read more text will be here.&lt;/p&gt;</code></p>
  
  <p>But when I use table inside fulltext its stop working. Please any suggestion. </p>