Reputation: 52962
Sorry for such a simple question but I can't seem to find the solution.
I am trying to fade in and out some divs.
Divs have an ID of "div1", "div2", "div3".
My code is:
var Divs = new Array("div1", "div2", "div3");
I want to fade out one div and then fade in the next on top of it.
I have a setinterval that runs every 5 seconds and checked it works.
Inside it is this code:
$(Divs[1]).fadeOut(1000);
$(Divs[2]).fadeIn(1000);
However nothing happens when the timer method is ran. Any ideas?
Upvotes: 0
Views: 348
Reputation: 146660
Your CSS selector is looking for elements by tag name. In order to search by ID you need the #
prefix. Here's the full reference:
http://api.jquery.com/category/selectors/
Try this instead:
var Divs = ["#div1", "#div2", "#div3"];
Upvotes: 0
Reputation: 10753
Identify them by their ID property. The selector has to look like $('#ID').action(args);
and I believe your selector would only select tags of type <div1></div1>
, <div2></div2>
etc
$('#'+Divs[1]).fadeOut(1000);
Upvotes: 6