Jquery script help

Jquery script help

Hi

I have got multiple jquery scripts in the head section of my website - see below

I know about not having more than one script on the page but is there a way of having more than one jquery script as they are different versions and need both of them on the page for both of them to work

Thank you in advance

Ian

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="script.js"></script>

  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
  4. <script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

  5.     <script type="text/javascript">
  6.     $(function(){
  7.         $('.slide-out-div').tabSlideOut({
  8.             tabHandle: '.handle',                     //class of the element that will become your tab
  9.             pathToTabImage: 'images/offertab.png', //path to the image for the tab //Optionally can be set using css
  10.             imageHeight: '220px',                     //height of tab image           //Optionally can be set using css
  11.             imageWidth: '40px',                       //width of tab image            //Optionally can be set using css
  12.             tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
  13.             speed: 300,                               //speed of animation
  14.             action: 'click',                          //options: 'click' or 'hover', action to trigger animation
  15.             topPos: '200px',                          //position from the top/ use if tabLocation is left or right
  16.             fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
  17.         });

  18.     });

  19.     </script>

  20. <style type="text/css">
  21.       
  22.       .slide-out-div {
  23.           padding: 20px;
  24.           width: 250px;
  25.           height: 114px;
  26.           background: #BEE554;
  27.           border: 1px solid #BEE554;
  28.          z-index: 11000;
  29.       }      
  30.       </style>
  31. <!--[if lt IE 9]>
  32. <link rel="stylesheet" type="text/css" href="css/style_ie.css" />
  33. <![endif]-->
  34. <!-- jQuery -->
  35.                                 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  36. <!-- jmpress plugin -->
  37. <script type="text/javascript" src="js/jmpress.min.js"></script>
  38. <!-- jmslideshow plugin : extends the jmpress plugin -->
  39. <script type="text/javascript" src="js/jquery.jmslideshow.js"></script>
  40. <script type="text/javascript" src="js/modernizr.custom.48780.js"></script>
  41. <noscript>
  42. <style type="text/css">
  43. .step {
  44. width: 100%;
  45. position: relative;
  46. }
  47. .step:not(.active) {
  48. opacity: 1;
  49. filter: alpha(opacity=99);
  50. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  51. }
  52. .step:not(.active) a.jms-link{
  53. opacity: 1;
  54. margin-top: 40px;
  55. }
  56. </style>
  57. </noscript>