{form}

   <div id='JOSCMTtoggletext'>

<form name='joomlacommentform' id='joomlacommentform' method='post' action='{self}'>

   <a id="JOSCMTstretchertoggleFORM" href="javascript:void(null)"><img src="/{template_live_site}/images/new.png" alt="+/-" /></a>

<a name='CommentForm'></a>

the code before the form to be displayed or hide (index.html code)

var JOSCmySlide = new Fx.Slide("JOSCMTtoggletext");

$('JOSCMTstretchertoggleFORM').addEvent('click', function(e){

	e = new Event(e);

	JOSCmySlide.toggle();

	e.stop();

});

function JOSC_afterAjaxResponse(action) {

		switch(action) {

			case 'show':

			case 'response_reply':

			case 'response_edit':

			case 'response_quote':

				JOSCmySlide.show();

				return 0;

				break;

				

			case 'hide':

			case 'response_editpost':

			case 'response_posted':

			case 'response_approval':

    			JOSCmySlide.hide();

				return 0;

				break;

/* because of bug with IE ...(?)

			case 'response_searchform': 

			case 'response_getcomments':

				JOSCmySlide.show();

                JOSCmySlide.hide();

				return 0;

                break;

*/

			default:

				return 0;

		}

	}

	if (window.document.URL.indexOf("#CommentForm")<0) {

           if (JOSC_is_ie) window.onload = function(){JOSC_afterAjaxResponse("hide");}

           else JOSC_afterAjaxResponse("hide");

    }

the code into the test.js file

include rules:

<script type="text/javascript" src="/components/com_comment/joscomment/jscripts/test.js"></script>

{library}

<script type="text/javascript" src="/components/com_comment/joscomment/jscripts/mootools.v1.11.js"></script>

{/library}

Problem: No sliding happens at all. Should be working normally but it doesnt cant really state it

when i get webdeveloper open i get: base.element => 0
where element significates

]var JOSCmySlide = new Fx.Slide("JOSCMTtoggletext");