-David

I’m not a big fan of putting event handlers inline (e.g. <a onclick=”…”>), but whether you do it that way or not, don’t forget to also return false.

I’m a bit puzzled with the coding. I have called the function successfully and now have the custom animations in their own .js file and everything works fine if, and only if I remove the .next()

What purpose does the function .next() serve in the code?

I am using

 function sfade(num){
    	$('#t'+num).slideFadeToggle(500);
};

To call the sldeFadeToggle function,
Which works fine, but the code here:

 function sfade(num){
    	$('#t'+num).next().slideFadeToggle(500);
};

doesn’t respond at all (but causes no error)

One other question…

is it possible to slide and fade with different timing?

This is the function call code:

 <a href='#null' onClick=sfade();>Stoichiometry </a>

this is in jquery_mod.js

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
  		return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
	}; 

this is in slides.js

function sfade(){
    	$('#t1').next().slideFadeToggle('slow');
};

where ‘#t1′ is the div to be slid and faded. I have an tag to call the function.

link to click