Mootools

[Dani Düsentrieb]

Hallo Leute

folgender HTML Code:

  
<div id="slide1"></div>  
<div id="slide2"></div>  
<div id="slide3"></div>  
<div id="slide4"></div>  
<div id="slide5"></div>  
  
<span id="toggle1>Toggle1</span>  
<span id="toggle2>Toggle2</span>  
<span id="toggle3>Toggle3</span>  
<span id="toggle4>Toggle4</span>  
<span id="toggle5>Toggle5</span>  

Nun soll mit den mootools und FxSlide bei Click auf Toggle1 das DIV mit id slide1 vertikal aufscollen. Dazu habe ich den folgenden Code:

  
window.addEvent('domready', function() {  
var myVerticalSlide = new Fx.Slide('slide1');  
  
$('toggle1').addEvent('click', function(e){  
	e.stop();  
	myVerticalSlide.toggle();  
});  
}  

Dieser Code muss jetzt für jede slide toggler Kombi erstellt werden. Gibts da ne Lösung wo ich im Elementnamen nen Regulären Ausdruck verwenden kann oder was anderes oder muss ich für jede slide toggler Kombi nen eignes event erstellen.
Es geht mir darum den JS Code in ne js Datei zu schreiben und nicht in die HTML Seite weil diese ein Template ist.

Gruß Daniel