我的段落设置如下:
.design_info_box p.design_info_desc
{
height:30px;
text-overflow: ellipsis;
overflow:hidden;
}
通过这个,您可以看到前两行文本,其中包含一个“阅读更多”的按钮,该按钮会扩展段落以显示文本的其余部分。
以下是按钮的代码:
$(".read-more div").click(function(){
$(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
$(this).hide();
});
这会删除该类,并显示整个段落。但是,它没有动画。根据文档removeClass应该有动画的持续时间。我也尝试用10000这样的数字代替“慢”。
有没有理由不动画?
答案 0 :(得分:9)
这不起作用的原因(我相信)是这是jQueryUI的一个特性,而不是核心jQuery库。在页面中包含对jQueryUI的引用,这应该会开始起作用。
点击此处观看现场演示:http://jsfiddle.net/YaSh6/