Solve JQuery conflict

<!-- Start RokBox -->
<script type="text/javascript" src="rokbox/mootools-release-1.11.js"></script>
<script type="text/javascript" src="rokbox/rokbox.js"></script>
<link href="rokbox/themes/dark/rokbox-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="rokbox/themes/dark/rokbox-config.js"></script>
<!-- End Rokbox -->
//////////////////////////////////////////////////////////////////////////////////////////////////////
<!-- IF S_MCHAT_ENABLE and (SCRIPT_NAME eq 'mchat' or SCRIPT_NAME eq 'index') and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<link href="{T_THEME_PATH}/mchat_prosilver.css" rel="stylesheet" type="text/css" />
<!-- ENDIF -->
//////////////////////////////////////////////////////////////////////////////////////////////////////
<!-- IF SCRIPT_NAME eq 'viewtopic' -->
<script type="text/javascript">
	window.jQuery || document.write(unescape('%3Cscript src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"%3E%3C/script%3E'));
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.collapse.js"></script>
<script type="text/javascript">
// <![CDATA[
$("#similartopiclist").collapse({show: function(){
	this.animate({
		opacity: 'toggle',
		height: 'toggle'
		}, 300);
	},
	hide : function() {	
		this.animate({
		opacity: 'toggle',
		height: 'toggle'
		}, 300);
	}
});
// ]]>
</script>
<!-- ENDIF -->

Code (markup):

script one and two are compatible but script 1 and 3 are eliminating each other

 

I suspect it's a conflict between jQuery and mootools. See http://davidwalsh.name/jquery-mootools