Using jquery slide panels and javascript lightbox together causing conflict?
<p>I'm using some jQuery to have some sliding panels. It's for a portfolio website I'm building for myself. I have a panel sliding in that contains thumb nails that I want to link to images to be displayed inside of a Lightbox using JavaScript.</p>

<p>When all the scripts are inside my head, the sliding panels work but the Lightbox does not.
If I remove the jQuery script link from my head in order to "temporarily disable the sliding panels the Lightbox works properly. I'm assuming that I have some sort conflict, but I am new to jQuery and JavaScript so I don't even know where to begin.</p>

<p>Heres my code inside my head tags.</p>

<pre><code>&lt;script type="text/javascript" src="js2/prototype.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js2/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js2/lightbox.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /&gt;

&lt;script type="text/javascript" src="js1/jquery-1.4.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js1/slidepanels.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" type="text/css" href="css.css" /&gt;
</code></pre>
