Divas don't switch
I have the following divs in my page
<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>
Initially through css, I have the first two divs set to visible and the rest are hidden.
in my finished documentation i have
$(document).ready(function () {
window.setInterval(toggleDivs, 5000);
});
function toggleDivs() {
$('#rpttimeline').toggle();
$('#rptareaview').toggle();
$('#rptgalleria').toggle();
$('#rptremainingwork').toggle();
$('#rptremainingspec').toggle();
$('#rptremainingreq').toggle();
$('#rptremaininguserstory').toggle();
}
when toggledivs
called, the first two divs are hidden and the other divs are not visible. The switch seems to only affect the first two divs. Did I miss something?
a source to share
when toggledivs is called the first two divs are hidden and the other divs are not visible. The switch seems to only affect the first two divs. Did I miss something?
Well I think jquery works great. You have the first two divs, but when toggle is called, they both hide, and you have other divs shown at first glance, and when called, they become hidden.
Council. ... Try hiding or showing with jquery in a handler ready
, for example so that jquery remembers its original display settings.
a source to share