Ik heb het volgende javascriptje via mootools. Het moet sliden, en beheerd wat tabs.

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>
Ik heb nog nooit met mootools gewerk (alleen jQuery), maar moet het stukje

var Slider = new Fx.Slide('search-nodisplay');
   $('advanced-search').addEvent('click', function(e){
   e.stop();
   Slider.toggle();    
});

niet het volgende zijn?

var Slider = new Fx.Slide('#search-nodisplay');
   $('#advanced-search').addEvent('click', function(e){
   e.stop();
   Slider.toggle();    
});

Dus een hekje (van id) voor de items?

Reageren