Strange behaviour of JS arrays and DOM

[mcerveni]

I am writing a news feed with a heading (v_toggle0,1,2,3) that slides a div of text down when clicked on(vertical_slide0,1,2,3) using Mootools.

 

The function works if I do not use a loop and simply hardcode the values. In fact, It works if I keep everything the same and change myVerticalSlide[num].toggle() to myVerticalSlide[0].toggle() or myVerticalSlide[1].toggle();

 

Seems like this should not be a problem at all but myVerticalSlide[num].toggle(); returns an error.

Any help would be appreciated.

____________________________________________________________________

window.addEvent('domready', function() {

 

var myVerticalSlide=new Array();

 

for (var num=0;num<=1;num++){

 

myVerticalSlide[num] = new Fx.Slide('vertical_slide'+num);

 

$('v_toggle'+num).addEvent('click', function(e){

e.stop();

myVerticalSlide[num].toggle();

});

 

}

 

});

________________________________________________________

[abazoskib]

What error are you getting? If you dont know how to check, use Tools >> Error Console or Firebug in Firefox, else post it!