De tabs werken, echter de slider werkt niet. Geen idee waarom, iemand een idee wat ik fout doen? Chrome javascript debugger reageerd niet eens als ik op de link klik dus waarschijnlijk heb ik het niet goed gekoppeld?
Javascript
<script type="text/javascript">
window.addEvent('domready',function(){
var tabs = new MGFX.Tabs('.tabs','.feature',{
autoplay: true,
transitionDuration:0,
slideInterval:6000,
hover:true
});
var Slider = new Fx.Slide('search-nodisplay');
$('advanced-search').addEvent('click', function(e){
e.stop();
Slider.toggle();
});
});
</script>
De HTML
<div class="searchengine">
<h3>Zoeken</h3>
<div class="search">
<input type="text">
</div>
<div class="searchoptions">
<div>
<input type="radio" name="searchoption" value="trefwoord" checked> Trefwoord
</div>
<div>
<input type="radio" name="searchoption" value="all"> Alle woorden<br>
</div>
</div>
<div class="search-moreoptions">
<div id="search-nodisplay">
<div class="search-category">
<form class="search-cat">
<select>
<option value="#">Selecteer</option>
<option value="#">Pagina's</option>
<option value="#">Portfolio</option>
<option value="#">Nieuws</option>
<option value="#">Media</option>
<option value="#">Belstatus</option>
<option value="#">Klanten</option>
<option value="#">Modules</option>
</select>
</form>
</div>
<div class="search-catselect">
<div>van <input type="text" value="12/01/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
<div>tot <input type="text" value="01/02/2009"></div>
<div><a href=""><img src="images/date.png"></a></div>
</div>
</div>
</div>
<div id="advanced-search">
<a id="advanced-search" href="#">Uitgebreid zoeken</a>
</div>
<div class="search-button">
<a href="#" onclick="document.NaamvanHTMLformhier.submit();"><img src="images/search.png" alt="submit" /></a>
</div>
</div>