jquery conflict(mootols)

[ispuk]

ciao a tutti ho un problema,ho bisogno di usare jquery insieme a mootools ,quindi mi sono documentato e sembra che si debba usare il Jquery.noconflict();

ma non riesco a capire se sbaglio la sintassi

il mio codice è questo:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 

$(document).ready(function(){
$("div#contenitore").hide();
$("a#link").click(function(){$("div#contenitore").toggle(1500);});

});
</script>

chi mi aiuta a tramutarlo in no conflict,giuro che ci ho perso un'ora a cercare di capire bene come trasformarlo,ma non capisco se basti richiamare solo la funzione o bisogna sostituire i $ con JQuery ,oppure tutti e due .........

grazie a chi mi da una mano

[bionicoz]

	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		jQuery.noConflict();
                //qui metti le tue funzioni che usano jquery
	</script>
	<script type="text/javascript" src="mootools.js"></script>
	<script type="text/javascript">
		//qui la roba di mootools
	</script>

[ispuk]

cioa,grazie mille della risposta,in effetti io ho provato cosi dovrebbe essere la stessa cosa giusto?
comunque il mio problema per adesso è che il toggle non funziona,o meglio apre il div#container ma se clikko di nuovo su a#link si apre nuovamente invece di "sparire"

probabilmente il problema nasce perchè sto usando il codice inserito in un modulo joomla,ma mi sembra strano

<style type="text/css">
#contenitore{margin:0 auto;padding:0 auto;}
#pippo{background-image:url(menu-video/1px-sfum-centrale.gif) ;background-repeat:repeat-x;width:800px;height:250px;float:left;}
#left-video{width:25px;height:250px;float:left;background-image:url(menu-video/barra-laterale-video-menu-SX.gif);}
#right-video{width:25px;height:250px;float:left;background-image:url(menu-video/barra-laterale-video-menu-DX.gif);}
</style>
<script type="text/javascript" src="menu-video/jquery.js">
</script>
<script type="text/javascript"> 
 var $J=jQuery.noConflict();


$J(document).ready(function(){
$J("div#contenitore").hide();
$J("a#link_open").click(function(){$J("div#contenitore").toggle(1500);});

});
</script>

<div>Apri</div>

<div id="contenitore">
<div id="left-video"></div>
<div id="pippo"></div>
<div id="right-video"></div>
</div>