在jquery中使用html展开折叠

我正在使用jquery和下面的html代码在我的站点上使用ExpandCollapse：

<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>

$（文档）.ready（函数（）{
$（'.fulltext'）.hide（）；
$（'.blog item.readmore'）。单击（函数（事件）{
event.preventDefault（）；
$（this.parent（）.find（'.fulltext'）.slideToggle（'slow'）；
$（this）.text（$（this）.text（）=='Close Deals'？'More Deals'：'Close Deals'）；
});
});

Html:

阅读更多文本将在此处显示

实际上我想使用隐藏文本中的表，现在是：

阅读更多文本将在这里。

但当我在全文中使用table时，它就停止工作了。请提出任何建议

将

更改为

，它应该可以正常工作。在

中不能有其他块元素，请将
更改为
，它应该可以正常工作。在
元素中不能有其他块元素用于描述数据容器，而
元素用于描述内容段落。要在内部使用表，请使用
div
标记

元素用于描述数据容器，而
元素用于描述内容段落。要在内部使用表，请使用
div
标记

您应该使用
prev（）
而不是
parent（）.find（'.fulltext'）
应该使用
prev（）
而不是
parent（）.find（'.fulltext'）
<div class="blog-item">
        <p class='fulltext'>Read more text will be here.</p>
    <a class="readmore" href="#">Read more..</a>
</div>