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
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript" src="script.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
- <script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
- <script type="text/javascript">
- $(function(){
- $('.slide-out-div').tabSlideOut({
- tabHandle: '.handle', //class of the element that will become your tab
- pathToTabImage: 'images/offertab.png', //path to the image for the tab //Optionally can be set using css
- imageHeight: '220px', //height of tab image //Optionally can be set using css
- imageWidth: '40px', //width of tab image //Optionally can be set using css
- tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
- speed: 300, //speed of animation
- action: 'click', //options: 'click' or 'hover', action to trigger animation
- topPos: '200px', //position from the top/ use if tabLocation is left or right
- fixedPosition: false //options: true makes it stick(fixed position) on scroll
- });
- });
- </script>
- <style type="text/css">
-
- .slide-out-div {
- padding: 20px;
- width: 250px;
- height: 114px;
- background: #BEE554;
- border: 1px solid #BEE554;
- z-index: 11000;
- }
- </style>
- <!--[if lt IE 9]>
- <link rel="stylesheet" type="text/css" href="css/style_ie.css" />
- <![endif]-->
- <!-- jQuery -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <!-- jmpress plugin -->
- <script type="text/javascript" src="js/jmpress.min.js"></script>
- <!-- jmslideshow plugin : extends the jmpress plugin -->
- <script type="text/javascript" src="js/jquery.jmslideshow.js"></script>
- <script type="text/javascript" src="js/modernizr.custom.48780.js"></script>
- <noscript>
- <style type="text/css">
- .step {
- width: 100%;
- position: relative;
- }
- .step:not(.active) {
- opacity: 1;
- filter: alpha(opacity=99);
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
- }
- .step:not(.active) a.jms-link{
- opacity: 1;
- margin-top: 40px;
- }
- </style>
- </noscript>