two javascript sliding menu on same page not working
<p>i want to use two javascript sliding menu on same page but in both of them second one not working.i have tried to change the code in <code>&lt;head&gt;</code> many time in different ways but problem not getting fix.
Looking for your kind help.
Thanks</p>

<pre><code>    &lt;head&gt;
&lt;script type="text/javascript"  src="res/sdmenu.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
        // &lt;![CDATA[
        var myMenu;
        window.onload = function() {
            myMenu = new cont("1st-sdmenu, 2nd-sdmenu");
            myMenu.init();
        };
        // ]]&gt;
        &lt;/script&gt;
    &lt;/head&gt;

    &lt;div id="1st-sdmenu" class="cont"&gt;
          &lt;div class="collapsed"&gt;
            &lt;span&gt;Bicycles&lt;/span&gt;
            &lt;a href="#"&gt;Product Series&lt;/a&gt;
            &lt;a href="#"&gt;Product Series&lt;/a&gt;
              &lt;/div&gt;
          &lt;div class="collapsed"&gt;
       &lt;span&gt;Electronic&lt;/span&gt;
            &lt;a href="#"&gt;Product Series&lt;/a&gt;
            &lt;a href="#"&gt;Product Series&lt;/a&gt;
              &lt;/div&gt;
    &lt;/div&gt;

        &lt;div id="2nd-sdmenu" class="cont"&gt;
              &lt;div class="collapsed"&gt;
                &lt;span&gt;Bicycles&lt;/span&gt;
                &lt;a href="#"&gt;Product Series&lt;/a&gt;
                &lt;a href="#"&gt;Product Series&lt;/a&gt;
                  &lt;/div&gt;
              &lt;div class="collapsed"&gt;
           &lt;span&gt;Electronic&lt;/span&gt;
                &lt;a href="#"&gt;Product Series&lt;/a&gt;
                &lt;a href="#"&gt;Product Series&lt;/a&gt;
                  &lt;/div&gt;
        &lt;/div&gt;
</code></pre>
