jQuery中使用HTML擴展崩潰

Question

我使用使用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> 

其實我想用表裏面隱藏的文本，其現在是：​​

但是，當我在全文中使用錶停止工作。請提供任何建議。

Answer 1

更改<p class="fulltext">到<div class="fulltext">它應該工作得很好。 <p>中不能包含其他塊元素。

Answer 2

<div>元素用於描述數據容器，而<p>元素用於描述一段內容。要使用表格內部使用div標記。

Fiddle