jQuery script conflicting
<p>I'm creating a horizontally scrolling website using jQuery and I also want to add this hide and show function. However, after I insert another jQuery script for the hiding function, the easing effect for horizontally scrolling is not working! So that when I click the navigation of the site, it jumps to another section.</p>

<p>Here's my code of the jQuery: </p>

<pre><code>&lt;link rel="stylesheet" href="styles/style.css" type="text/css" media="screen" /&gt;
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt;
&lt;script src="js/jquery.localscroll-min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="js/jquery.scrollTo-min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $.localScroll.defaults.axis = 'x';
        $.localScroll();
    });
&lt;/script&gt;
&lt;!-----------------------hiding div------------------------------------&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {

        $(".slidingDiv").hide();
        $(".show_hide").show();

        $('.show_hide').click(function () {
            $(".slidingDiv").slideToggle();
        });

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

<p>Does anybody know how to solve this?</p>
