Salve a tutti!
Come faccio a far funzionare, senza entrare in conflitto, questi due script che hanno la stessa funzione?

codice:
	<script type="text/javascript">
	$(document).ready(function(){
		$('.topslidebox').topslidebox();
		$('.topslidebox_2').topslidebox({title: 'Salut'});
		$('.topslidebox_3').topslidebox({closable: false});
		$('.topslidebox_4').topslidebox({width: 300});
		$('.topslidebox_5').topslidebox({width: 300, height: 600});
		$('.topslidebox_6').topslidebox({closeButtonContent: '[img]public/close.gif[/img]'});
		$('.topslidebox_7').topslidebox({contentClass: 'myContent'});
		$('.topslidebox_8').topslidebox({fixed: true});
	});
	</script>
codice:
<script type="text/javascript">
			$(document).ready(function(){
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'205px'},{queue:false,duration:160});
				});
			});
		</script>
Pur essendo due script completamente diversi, vanno in conflitto e non funzionano.