Home/ Questions/Q 9208071
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T00:32:10+00:00

I have many div tags. I am trying to display only one tag at

  • 0

I have many div tags.
I am trying to display only one tag at a time for 10 seconds.

That is, when div1 is being displayed, div2,div3..divn must be hidden, after 10 seconds div2 has to be displayed for 10 seconds and other div tags has to be hidden and so on.
Its a kind of cyclic manner.

Kindly help.

Check out the sample html here:

<html>

<head>
......
.......
</head>

<body>

<div id="div1">
........
......

</div>


<div id="div2">
........
......

</div>
..
..

<div id="divn">
........
......

</div>
</body>

</html>

Regards,
abk

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should work: http://jsfiddle.net/Z5uMV/

    var current = 1;
function cycle() {
    $('#div' + current).fadeOut(function() {
        current++;
        if(current > 10) current = 1;
        $('#div' + current).fadeIn(function() {
            setTimeout(cycle, 10000);
        }
    });
}

cycle(); // start it
    • 0