Issue with conflicting jQuery plugins?
<p>I am trying to use the Coda pop-up bubble and the myGlider in one page but they are conflicting and refuse to work together. I am fairly new to jQuery so I'm sure it's something simple that I just can't see.</p>

<p>Here's the meta include they're in:</p>

<pre><code>&lt;script type="text/javascript" src="/js/swfobject.js"&gt;&lt;/script&gt;
&lt;script src="/js/prototype.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
&lt;script src="/js/effects.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
&lt;script src="/js/glider.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
&lt;script src="/js/glider2.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
&lt;script src="/sifr/sifr.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="/sifr/sifr-addons.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="/js/autoBreadcrumbs.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(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;
}
&lt;/script&gt;
&lt;script src="/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="/SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" /&gt;
&lt;link rel="stylesheet" href="/css/glider.css" type="text/css" media="screen"         charset="utf-8" /&gt;
&lt;link rel="stylesheet" href="/sifr/sIFR-screen.css" type="text/css" media="screen" /&gt;
&lt;link rel="stylesheet" href="/sifr/sIFR-print.css" type="text/css" media="print" /&gt;
&lt;link href="/css/pagestyles-new.css" rel="stylesheet" type="text/css" media="all" /&gt;


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

<p>I've tried re-arranging everything but it still doesn't work.  I believe they might both be calling on the a. class but after a lot of reading I'm still confused as hell as to how to change it! Help would be greatly appreciated!</p>
