Question

$("#btnGall").click(function() {
    $('#gall').slideToggle('slow');
    $("#gInfo").show();
});

为什么这段代码首先执行第二行，然后是第一行。
我不想在slideToggle结束之前显示#gInfo。

Answer 1

那是因为动画是异步的，脚本不会等待它们完成（感谢上帝）。这个特定用途的内置回调被添加到大多数执行动画的jQuery函数中：

$("#btnGall").click(function() {
    $('#gall').slideToggle('slow', function() {
        $("#gInfo").show();
    });
});

Answer 2

幻灯片切换允许在操作完成后回叫

$("#btnGall").click(function() {
    $('#gall').slideToggle('slow', function () {    $("#gInfo").show();});

});

Answer 3

从指定为传递给slidetoggle函数的成功回调的匿名函数调用该函数。

$("#btnGall").click(function() {
    $('#gall').slideToggle('slow', function(){
        $("#gInfo").show();
    });
});