i have two seperate functions in a php page. while, javacript function is loading correctly and but jquery not?
<p>inside <code>&lt;head&gt;</code> tag i declare a jQuery function as follows (menu animation function) ;</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
        $("#top_menu").MenuBar({
            fx: "backout",
            speed: 700,
            click: function(event, menuItem) {
                return true;
            }
        });
    });

&lt;/script&gt;
</code></pre>

<p>and inside <code>&lt;body&gt;</code> tag i use javascript function as follows (slideshow function) ;</p>

<pre><code>&lt;script type="text/javascript" src="scripts/slideshow.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $('slideshow').style.display='none';
    $('wrapper').style.display='block';
    var slideshow=new TINY.slideshow("slideshow");
    window.onload=function(){
        slideshow.auto=true;
        slideshow.speed=10;
        slideshow.link="linkhover";
        slideshow.info="information";
        slideshow.thumbs="";
        slideshow.left="slideleft";
        slideshow.right="slideright";
        slideshow.scrollSpeed=4;
        slideshow.spacing=5;
        slideshow.active="#fff";
        slideshow.init("slideshow","image","imgprev","imgnext","imglink");
    }
&lt;/script&gt;
</code></pre>

<p>the problem is only <strong>slideshow function excuting</strong> while loading <strong>not menu animation</strong>; if i remove the slideshow function, menu animation script is working!</p>

<p>kindly guide me to sort of the problem</p>
