Ajax 当div内容应每5秒刷新一次时，两个div如何在多个div之间切换？

我有一个带有2个（或更多）按钮和div的视图。 单击按钮1后，局部视图应加载到“DivPartialView_1”，并每5秒刷新一次。当用户单击按钮2时，“DivPartialView_1”应隐藏，另一部分视图内容应加载到“DivPartialView_2”，并每5秒刷新一次。我的问题是，两个div在单击按钮2后都是可见的，因为第一次内容刷新（ajax）仍在进行中

我的脚本如下所示：

function loadPartialView_1(){
        $('#DivPartialView_1').show();
        $('#DivPartialView_2').hide();

        $('#DivPartialView_1').load('/PartialViewData_1’);
    }

function loadPartialView_2(){
    $('#DivPartialView_1').hide();
    $('#DivPartialView_2').show();

    $('#DivPartialView_2').load('/PartialViewData_2’);
}


$('#btnShowPartial_1').click(function () {
    function RefreshPartial_1(){
        //this will wait 3 seconds and then fire the load partial function
        setTimeout(function(){
            loadPartialView_1();
            //recall this function so that it will continue to loop
            RefreshPartial_1();
        }, 5000);
    }
    //initialize the loop
    RefreshPartial_1();
});

$('#btnShowPartial_2').click(function () {
    function RefreshPartial_2(){
        //this will wait 3 seconds and then fire the load partial function
        setTimeout(function(){
            loadPartialView_2();
            //recall this function so that it will continue to loop
            RefreshPartial_2();
        }, 5000);
    }
    //initialize the loop
    RefreshPartial_2();
});

问题出在哪里，或者有什么更好的解决方案

谢谢