Div不切换

Question

我的页面上有以下div：

 <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。 我在这里错过了什么吗？

Answer 1

  

当toggledivs被称为第一个   两个div隐藏但其他div   不可见。这似乎是切换   正在影响前两个div。   我在这里错过了什么吗？

好吧，我认为jquery正在改头换面。你有前两个div可见，但是当调用toggle时，它们都会被隐藏，你最初显示的是其他div，当调用它们时它们会被隐藏。

提示：尝试在ready处理程序中隐藏或显示jquery，以便jquery记住它们的初始显示设置。