title: Implementing multiple jQuery plugins on one page
body: <p>I am new to jquery and am trying to get multiple plugins to function on one page. Right now I am using an animated div slider that works on its own, and an animated link within page that works on its own. I can disable one and the other will work. I have already tried the $.noConflict(); but it just breaks both. Here is my code.</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"        type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script src="js/jquery.localscroll.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script src="js/jquery.scrollTo.js" type="text/javascript"&gt;&lt;/script&gt; 
  
  &lt;link rel="stylesheet" type="text/css" media="screen" href="css/coda-slider.css"&gt;
  
  &lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui-1.8.20.custom.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.coda-slider-3.0.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    $(function() {
    $('#slider-id').codaSlider({
      dynamicTabsAlign: "left",
        dynamicArrows: true,
        autoSlide: true,
        slideEaseDuration: 1000,
        autoSlideInterval:8000,
        dynamicArrowsGraphical:true
    });
  });
  
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
     $('#navcontact').localScroll({duration:800});
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have tried to use many of the other questions but cannot seem to get them to work.</p>
  
  <p>Please help</p>