Jquery 引导折叠，展开完成后回调

我的网页中有一个引导程序。我需要在转换完成并且面板完全展开后执行一个函数。我找到了这个示例，说明了当面板正在折叠并且添加了

hidden.bs.collapse

时如何访问回调。 .

但是使用类似的代码，我似乎无法在应用

.collapse.in

类时触发

$('#collapseExample').on('.collapse.in', function(){
    alert("hi");
 });

我还发现这段代码使用了在类被切换后触发函数的承诺。它应该等待所有动画完成。这似乎对我的问题也不起作用

所以我问：当折叠函数完成时，如何触发函数？

此代码段尝试使用jQuery承诺技术。理想情况下，它会在面板完成扩展后添加类

.red

，但会立即触发。

您可以选择使用显示的，该选项将在动画完成后触发

$（'#collapseExample'）.on（'show.bs.collapse'，function（）{
控制台日志（“显示”）；
}).on（'show.bs.collapse'，function（）{
控制台日志（“显示”）；
});

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟
在它上面，鱿鱼单一来源咖啡Nalla assumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟
在它上面，鱿鱼单一来源咖啡Nalla assumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟
在它上面，鱿鱼单一来源咖啡Nalla assumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌，
粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。
Ah当然，它就在页面的下面。非常感谢你指出这一点。
$(document).on('click', '.btn', function(){
    $('#collapseExample').collapse("toggle").promise().done(function () {
         $('.well').addClass('red');
    })
});