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: but I am not sure how I modify this to allow 2 slides.

	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);
		opacity = document.getElementById('info').getStyle('opacity');
			if (opacity == 0) {
		} else {

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