jquery - 如何延迟显示元素直到slideToggle完成？

Question

这是我的代码。

$(".big").click(function() {
    var widget = $(this).parent();
    widget.children('.layer-dark').slideToggle(300).fadeTo(1, 0.97);
    widget.children('.loading, .hm_sm_btn').show();
});

现在如何才能在上一个操作 slideToggle 完成后完成 .loading 和 .hm_sm_btn show() 。现在，这些项目会立即显示，因此我正在寻找一些简单易用的方法来进行短暂的延迟，并使它们在 slideToggle() 完成后显示。

希望我的问题很清楚，谢谢。

Answer 1

widget.children('.layer-dark').slideToggle(300, function() {
    widget.children('.loading, .hm_sm_btn').show();
}).fadeTo(1, 0.97);

使用回调。

.slideToggle文档清楚地表明您可以传入回调以在 SlideToggle 操作完成时进行进一步计算。

您应该花更多时间阅读文档。很好。