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

[Encoder]

Gibts da ne Lösung wo ich im Elementnamen nen Regulären Ausdruck verwenden kann

Falls nicht, könntest du die Elemente durchsuchen, mit einem regex testen, ob das Element in Frage kommt und dann den Namen verwenden.

muss ich für jede slide toggler Kombi nen eignes event erstellen.

Die Funktion reicht einmal. Die kannst du ja immer wieder mit Namen referenzieren.