Использование html в jquery развернуть свернуть

Я использую развернуть коллапс на своем сайте, используя код jquery и html ниже:

<script>
$(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');
    });
});
</script>

HTML:

<div class="blog-item">
        <p class='fulltext'>Read more text will be here.</p>
    <a class="readmore" href="#">Read more..</a>
</div>

На самом деле я хочу использовать таблицу внутри скрытого текста, которая сейчас: <p class='fulltext'>Read more text will be here.</p>

Но когда я использую таблицу внутри полного текста, она перестает работать. Пожалуйста, любое предложение.