title: Javascript conflict on my html page
body: <p>I have an accordion menu and a lightwindow script on my web page.  The lightwindow script does not work because of the accordion script because if I delete the latter the lightwindow script works.  There must be a conflict but what?</p>
  
  <p>Here is the head section of my page:</p>
  
  <pre><code>&lt;!-- lightwindow files --&gt;
  &lt;script type="text/javascript" src="lightwindow/javascript/prototype.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="lightwindow/javascript/scriptaculous.js?load=effects"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="lightwindow/javascript/lightwindow.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="lightwindow/css/lightwindow.css" type="text/css" media="screen" /&gt;
  
  
  &lt;!-- accordion scripts --&gt;
  &lt;script src="js/jquery-1.2.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/menu.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.cookie.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/accordion.css" /&gt;
  </code></pre>
  
  <p>Thank you for your time.</p>
  
  <p>Cheers</p>
  
  <p>tochiro</p>