Hi folks!

I want to nest multiple setInterval functions within a parent function and then set that parent function to infinite, so that the entire function, within loops infinitely. Is that possible? Thanks in advance for your help!

So far, I created a JavaScript animation that consists of 3 different `setInterval`

functions. How do I get the entire thing to repeat infinitely? See JSFiddle here: https://jsfiddle.net/MenelikMakonnen/ebs2m0rq/

See javascript code here:

```
$(document).ready(function() {
setInterval(function(){
$(".red-one").addClass("red-one-glow");
},300);
setInterval(function(){
$(".red-two").addClass("red-two-glow");
},200);
setInterval(function(){
$(".red-three").addClass("red-three-glow");
},100);
});
```

After some research on Stack Overflow, I came up with this addition to m code:

```
$(document).ready(function() {
function animateAll() {
var listItems = $('.red').length;
var count = 0;
setInterval(function(){
$(".red-one").addClass("red-one-glow");
},300);
setInterval(function(){
$(".red-two").addClass("red-two-glow");
},200);
setInterval(function(){
$(".red-three").addClass("red-three-glow");
},100);
count += 1;
if (count >= listItems) {
count = 0;
}
animateAll();
}
});
```

But this doesnât work! What Iâm I doing wrong?