2013-07-18 48 views
1

我使用使用jQuery和HTML代码波纹管膨胀在我的网站崩溃: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> 

其实我想用表里面隐藏的文本,其现在是:​​

但是,当我在全文中使用表停止工作。请提供任何建议。

+1

你应该使用'prev()',而不是'父()找到( '全文');' – iConnor

回答

1

更改<p class="fulltext"><div class="fulltext">它应该工作得很好。 <p>中不能包含其他块元素。

0

<div>元素用于描述数据容器,而<p>元素用于描述一段内容。要使用表格内部使用div标记。

Fiddle