冲突的jQuery插件问题？

Question

我试图在一个页面中使用Coda弹出式泡泡和myGlider，但它们存在冲突并且拒绝一起工作。我是jQuery的新手，所以我确信它是一些我看不到的简单。

以下是他们所在的元素：

<script type="text/javascript" src="/js/swfobject.js"></script>
<script src="/js/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/effects.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/glider.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/glider2.js" type="text/javascript" charset="utf-8"></script>
<script src="/sifr/sifr.js" type="text/javascript"></script>
<script src="/sifr/sifr-addons.js" type="text/javascript"></script>
<script src="/js/autoBreadcrumbs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//hide the all of the element with class msg_body
$(".msg_body").hide();
//toggle the componenet with class msg_body
$(".msg_head").mouseover(function(){
    $(this).next(".msg_body").slideToggle(400);
});
$(".msg_head").mouseout(function(){
    $(this).next(".msg_body").slideToggle(400);
});
});
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
<script src="/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/css/glider.css" type="text/css" media="screen"         charset="utf-8" />
<link rel="stylesheet" href="/sifr/sIFR-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/sifr/sIFR-print.css" type="text/css" media="print" />
<link href="/css/pagestyles-new.css" rel="stylesheet" type="text/css" media="all" />


<script src="/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="/js/bubble.js"></script>
<link rel="stylesheet" href="/css/bubble.css" type="text/css" media="screen" />

我已经尝试重新安排一切，但它仍然无效。我相信他们可能都会打电话给a。上课但经过大量的阅读后，我仍然感到困惑，如何改变它！非常感谢帮助！