divs不切换

我的页面上有以下几部分

 <div id="rpttimeline">div 1</div>
 <div id="rptareaview">div 2</div>
 <div id="rptgalleria">div 3</div>
 <div id="rptremainingwork">div 4</div>
 <div id="rptremainingspec">div 5</div>
 <div id="rptremainingreq">div 6</div>
 <div id="rptremaininguserstory">div 7</div>

最初通过CSS,我将前两个div设置为可见,其余的都隐藏起来。

在我的文档就绪功能中

$(document).ready(function () {
           window.setInterval(toggleDivs, 5000);
        });

function toggleDivs() {

            $('#rpttimeline').toggle();
            $('#rptareaview').toggle();
            $('#rptgalleria').toggle();
            $('#rptremainingwork').toggle();
            $('#rptremainingspec').toggle();
            $('#rptremainingreq').toggle();
            $('#rptremaininguserstory').toggle();
}

什么时候 toggledivs 被称为前两个div被隐藏,但其他div不可见。切换似乎只影响前两个div。 我是不是错过了什么?