5

我有一个具有以下样式的段落:

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

有了这个,您可以看到前 2 行文本带有一个“阅读更多”按钮,该按钮扩展段落以显示其余文本。

这是按钮的代码:

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

这确实删除了类,并显示了整个段落。但是,它没有动画。根据文档removeClass应该有动画的持续时间。我还尝试用 10000 之类的数字代替“慢”。

它没有动画的原因是什么?

4

1 回答 1

9

这不起作用的原因(我相信)是这是 jQueryUI 的一个特性,而不是核心 jQuery 库。在您的页面中包含对 jQueryUI 的引用,这应该开始起作用。

在此处查看现场演示:http: //jsfiddle.net/YaSh6/

于 2010-10-06T16:30:46.293 回答