前端新手，做页面切换的时候，发现同时移动两个div很卡，而单独触发一个div的移动则很流畅。代码如下：

.div1 {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
}

.div2 {
    position:absolute;
    width:100%;
    height:100%;
    left:100%;
}

.page-switch {
    transition: left 1s;
    -moz-transition: left 1s;
    /* Firefox 4 */
    -webkit-transition: left 1s;
    /* Safari 和 Chrome */
    -o-transition: left 1s;
    /* Opera */
}

<div class="div1 page-switch" id="list_page">
</div>
<div class="div2 page-switch" id="detail_page">
</div>

$('#list_page').on('click', function() {
    $('#list_page').css('left', '-100%');
    $('#detail_page').css('left', '0');
});

请帮助看下，谢谢！