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 [/FONT][/COLOR] [LIST] [*]<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> [/LIST][COLOR=#333333][FONT=arial] Code (markup):
You can't have two global variables (one from each script) with the same name. (Local variables - variables started with the var keyword AND inside a function - can be duplicated in another function.) You can't have two functions with the same name. You can't have 2 actions for the same trigger (IOW, 2 functions that each handle xyz.click) - only 1 of them will fire. Use only the latest jquery library, and correct any errors that scripts written for earlier scripts generate (there really shouldn't be any, but some people write non-upgradeable scripts). Basically, you can't have conflicts. Go through the scripts and rename any duplicates in one (or more if you're trying to combine more than two scripts) of the scripts.