Javascript 部门不';t形开关

Javascript 部门不';t形开关,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我的页面上有以下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</d

我的页面上有以下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>
调用
toggledivs
时,前两个div被隐藏,但其他div不可见。似乎切换只影响了前两个div。 我是不是遗漏了什么

当toggledivs被称为第一个 两个div被隐藏,但另一个div被隐藏 不可见。这似乎是一个开关 只影响了前两个div。 我是不是遗漏了什么

好吧,我认为jquery的切换很好。前两个div可见,但当调用toggle时,它们都被隐藏,其他div最初显示为打开状态,当调用toggle时,它们被隐藏


提示:例如,尝试在
ready
处理程序中使用jquery隐藏或显示,以便jquery记住其初始显示设置。

它们确实会切换,请参阅示例。你确定你的HTML代码是有效的吗?为了保持理智,你可以在这里执行
$(''rptimeline,'rptareaview,'rptremainingwork,'rptremainingspec,'rptremainingreq,'rptremaininguserstory')。切换()
或可能的
$(“div[id^=rpt]”)。toggle()
$(document).ready(function () {
           window.setInterval(toggleDivs, 5000);
        });

function toggleDivs() {

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