手风琴菜单上的jQuery点

手风琴菜单上的jQuery点,jquery,jquery-animate,dotdotdot,Jquery,Jquery Animate,Dotdotdot,所以我有一套手风琴,我用它来显示和隐藏额外的内容。我使用jQuery的.animate()来实现这一点(在本例中,它使用的是速度,但本质上是完全相同的)。闭合高度显示几行文本(高度:95px),开放高度动画显示为高度:自动(有点像,有一个小技巧可以获得自动高度)。反过来也是一样,它将动画设置为闭合高度 我的问题是,我试图添加jQuery dotdot以截断已关闭的点。我当然可以让它在加载时工作,这是顶部的注释部分 我已经创建了一个代码笔,它已经加载了所有内容。我只是希望有人能帮我让dotdot部

所以我有一套手风琴,我用它来显示和隐藏额外的内容。我使用jQuery的.animate()来实现这一点(在本例中,它使用的是速度,但本质上是完全相同的)。闭合高度显示几行文本(高度:95px),开放高度动画显示为高度:自动(有点像,有一个小技巧可以获得自动高度)。反过来也是一样,它将动画设置为闭合高度

我的问题是,我试图添加jQuery dotdot以截断已关闭的点。我当然可以让它在加载时工作,这是顶部的注释部分

我已经创建了一个代码笔,它已经加载了所有内容。我只是希望有人能帮我让dotdot部分正常工作

以下是代码笔的链接:


dotdot
插件不能很容易地将原始内容恢复到原始形式。我结合使用了
originalContent
事件,然后对手风琴内容重新初始化
dotdot

伪代码如下所示:

when title is clicked {
    if content was open {
        call .dotdotdot on content
        animate height down to fit content
    } else content was closed {
        get original content and put it back
        get new height, set back to lower height, animate to regular height
    }
}
您可以在此处查看自定义代码笔:


更新了CodePen,在
velocity
回调中调用了
.dotdotdot()
,这对我来说很有效!!我添加了一个setTimeout,使dotdot在动画结束前不会触发。在这里看到:。如果这不是正确的方式,我应该这样做,请让我知道!很高兴这对你有用!您对setTimeout所做的操作实际上是可行的,但我建议使用velocity方法上的回调。可以将回调函数作为第三个参数传递,然后在回调函数内部调用.dotdot()。查看更新的笔:谢谢Tim!我知道一定有更好的办法,这太完美了!
when title is clicked {
    if content was open {
        call .dotdotdot on content
        animate height down to fit content
    } else content was closed {
        get original content and put it back
        get new height, set back to lower height, animate to regular height
    }
}