Good morning all.

I am currently working on a theme that uses mootools javascript framework and have come to a grinding halt trying to achieve the following for my comment form:

The user clicks comments and the comments slide down just below my entry but do not show the comment form, just a link to 'add a comment'. When the user clicks 'add a comment' the comment form slides down from within the first slide.

Here is the code for the first slide:
http://paste-it.net/5177 but I am not sure how I modify this to allow 2 slides.

Code:
	document.getElementById('info').style.display = "block";
	var myCommentsFade = new Fx.Style('info', 'opacity').set(0);
	var mySlide = new Fx.Slide('info');
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
		
		opacity = document.getElementById('info').getStyle('opacity');
			if (opacity == 0) {
			myCommentsFade.start(0,1);
		} else {
			myCommentsFade.start(1,0);
		}
	});
	mySlide.hide();

Both sections (the comments and form) have their own container DIVs. Comments has 'info' and 'contactform'.

Any ideas on how to do this?

Thank you for your time

Karl