using 2 jquery (slide) in one html

using 2 jquery (slide) in one html

Hello,

I want to use 2 different jquery plugins on the same page for a website I'm making.  At the moment I can only seem to get one working at a time but not both . i guess that cause there are 2 differents versions of jquery?!   I have no experience with javascript.  I'd be eternally thankful if someone can help me. 
Thank you in advance

Here is the seperate code for each:

Slide panel
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  3. <meta http-equiv="imagetoolbar" content="no" />
  4. <link rel="stylesheet" href="styles/layout.css" type="text/css" />
  5. <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
  6. <script type="text/javascript" src="scripts/jquery.cycle.min.js"></script>
  7. <script type="text/javascript" src="scripts/jquery.cycle.setup.js"></script>
  8. <script type="text/javascript" src="scripts/jquery.slidepanel.setup.js"></script>
  9. <script type="text/javascript">
  10.         $(document).ready(function() {
  11.             $("a").slidepanel();
  12.         });
  14. $(document).ready(function(){
  15.                 $('a').slidepanel({
  16.                         dynamicArrows: false,
  17.                         dynamicTabs: false
  18.                 });
  19.                 $('#da-slider').cslider();
  20.         });
  21.     </script>
ParallaxContentSlider
  3. <meta charset="UTF-8" />
  4.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
  5.          <title>Parallax Content Slider with CSS3 and jQuery</title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  7.         <meta name="description" content="Parallax Content Slider with CSS3 and jQuery" />
  8.         <meta name="keywords" content="slider, animations, parallax, delayed, easing, jquery, css3, kendo UI" />
  9.         <meta name="author" content="Codrops" /> 
  10.         <link rel="stylesheet" type="text/css" href="Slide_bottom/css/demo.css" />
  11.         <link rel="stylesheet" type="text/css" href="Slide_bottom/css/style2.css" />
  12. <script type="text/javascript" src="Slide_bottom/js/modernizr.custom.28468.js"></script>
  13. <link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
  14. <noscript>
  15. <link rel="stylesheet" type="text/css" href="Slide_bottom/css/nojs.css" />
  16. </noscript>
  17. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  18. <script type="text/javascript" src="Slide_bottom/js/jquery.cslider.js"></script>
  19. <script type="text/javascript">
  20. $(document).ready(function(){
  21.                 $('#da-slider').cslider({
  22.                         dynamicArrows: false,
  23.                         dynamicTabs: false
  24.                 });
  25.                 $('a').slidepanel();
  26.         });
  27. $(function() {
  29. $('#da-slider').cslider({
  30. autoplay : true,
  31. bgincrement : 450
  32. });
  34. });
  35. </script>