我的代码有问题，我试图制作一个带有4个按钮的动态屏幕，问题出在下面，我发现这很奇怪，因为当我向一个方向按下按钮时（ 按第一个，然后第二个，然后第三个和第四个的顺序），show方法不能与show动画一起正常使用，而是当我按按钮的降序按按钮的相反方向时按钮，函数show可以正常工作，我无法在fiddleJS中复制示例，但这是我的代码。

$(document).ready(function(){


$("#idConstruccion").on('click',function(e){
    e.preventDefault();
    $('#idDivTransformacion').hide("slide",{direction: "up"},500);
    $('#idDivReparacion').hide("slide",{direction: "down"},500);
    $('#idDivDemolicion').hide("slide",{direction: "right"},500);

    $('#idDivConstrucion').show("slide",{direction:"left"},500);

    fnscroll()
})

$("#idTransformacion").on('click',function(e){
    e.preventDefault();
    $('#idDivConstrucion').hide("slide",500);

    $('#idDivTransformacion').show("slide",500);

    fnscroll()
})

$("#idReparacion").on('click',500);
    $('#idDivTransformacion').hide("slide",500);

    $('#idDivReparacion').show("slide",500);

    fnscroll()
})

$("#idDemolicion").on('click',500);

    $('#idDivDemolicion').show("slide",500);

    fnscroll()
})

function fnscroll(){

    $('html,body').animate({scrollTop: $('#scroll_point').offset().top},200,function() {
        $('#scroll_point').focus();
        $('#scroll_point').blur()
    })
}

})

https://jsfiddle.net/kraden95/zsb5890w/5/

网页的视频示例； https://youtu.be/bvWtqhMVVB0

非常感谢您！