Thema: show/hide mit mootools

Hallo,

weiß jemand ein gutes Tutorium für Mootools in Joomla?
http://davidwalsh.name/mootools-show-hide
Das show/hide will bei mir nicht funktionieren.
Wäre nett, wenn mir jemand ne Hilfestellung geben könnte.

Code:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JHTML::_('behavior.mootools');
?>

<script type="text/javascript">
window.addEvent('domready',function()
{
		Element.extend(
		{
			show:function(e)
			{
				this.setStyle('display','block');
			},
			hide:function(e)
			{
				this.setStyle('display','none');
			}
		});
}); 

</script>


<div id="click" onclick="$('hidethis').hide();"><b>click</b></div>
<div id="hidethis">hidethis</div>

Hehe, danke für deine schnelle Antwort.

Die Site ist noch lokal.
Die Fehlermeldung lautet:
$("hidethis").hide is not a function
Quelldatei: "http://bienchen/joomla/index.php?option=com_mootest"
Zeile: 1

Ich nutze Joomla 1.5. Das Mootools-Upgrade Plug-in ist nicht geladen,
wenn es nicht standardmäßig von Joomla geladen wird.
Ich nutze Joomla seit gestern :-)

Gibt es nicht sowas einfaches wie in jquery?
$('#hidethis').hide();

Code:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JHTML::_('behavior.mootools');
JFactory::getDocument()->addScriptDeclaration("
	var x;
	window.onload = function() 
	{
		x = new Fx.Slide('square');
	}       
");
?>
<div class="click" id="click" onclick="x.hide();">click</div>
<div id="square">square</div>

so funktioniert hide(). Allerdings funktioniert toggle() nicht.
http://docs.joomla.org/Tutorial:Addi..._component_WIP
Da wiederum gehts ... hmm ...

Danke, toggle() hat nicht funktioniert, weil der zweite Eingabeparameter in
Fx.Slide('square', {height: true, duration: 500}); fehlte