Javascript JQuery在第一次结束时调用动画函数

我正在尝试在JQuery中制作一个div的分步动画。我用点击调用动画，然后用双击调用第二个，然后是第三个

我的问题是它们重叠了。如果我开始双击div，它会同时启动第一个和第二个动画，它会变得疯狂。因此，我尝试只在第一个函数停止后让它激活dblclick

我试图使它与if-else和.is选择器一起工作，但它不工作

$(document).ready( function (){
    $(".group").one("click", showInfo);
})

function showInfo(){

    $(this).stop().animate({height: "260px"});

    $(".group").one("dblclick", showMoreInfo);

})

function showMoreInfo(){

    $(this).stop().animate({height: "0px"});

    $(".group").one("click", showInfo);

})

jQuery有一个完整的回调，您可以使用它设置下一个动画：

函数showInfo（）{
$（this）.stop（）.animate（{height:“260px”}，函数（）{
$（“.group”）。解除绑定（“单击”）；
美元（“.group”）。在（“dblclick”，showMoreInfo）上；
});
}
函数showMoreInfo（）{
$（this.stop（）.animate（{height:“20px”}，function（））{
$（“.group”）.unbind（“dblclick”）；
美元（“.group”）。在（“单击”，显示信息）；
});
}
$（文档）.ready（函数（）{
美元（“.group”）。在（“单击”，显示信息）；
});
.group{
高度：20px；
宽度：20px；
背景：红色；
}

jQuery有一个完整的回调，您可以使用它设置下一个动画：


函数showInfo（）{
$（this）.stop（）.animate（{height:“260px”}，函数（）{
$（“.group”）。解除绑定（“单击”）；
美元（“.group”）。在（“dblclick”，showMoreInfo）上；
});
}
函数showMoreInfo（）{
$（this.stop（）.animate（{height:“20px”}，function（））{
$（“.group”）.unbind（“dblclick”）；
美元（“.group”）。在（“单击”，显示信息）；
});
}
$（文档）.ready（函数（）{
美元（“.group”）。在（“单击”，显示信息）；
});
.group{
高度：20px；
宽度：20px；
背景：红色；
}

这在没有看到工作示例的情况下很难诊断，但请尝试将
.grupo
事件处理程序放入
animate
callPost的回调中。如果没有看到工作示例，则很难诊断html/css，但是试着把
.grupo
事件处理程序放在
animate
调用的回调中，把你的html/css上传给你！它工作得很好，我理解回调。：）非常感谢你！它工作得很好，我理解回调。：）