I am using the script shown below.

<script src='.2.6/jquery.min.js' type='text/javascript'>

    <script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebar2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='.js' type='text/javascript'/>

After adding this code in my blog, many other widgets like dropdown menu involving javascript stop functioning. The other codes I have used are shown below.

<script src='.7.0/jquery.min.js' type='text/javascript'/>
<script src='.easing.1.3.js' type='text/javascript'/>
<script src='.js' type='text/javascript'/>
<script src='.cycle.all.js' type='text/javascript'/>
<script src='.tiptip.js' type='text/javascript'/>
<script src='.slider.js' type='text/javascript'/>

Can anyone please tell me how to remove this conflict?

Edit:Okay, can you make it more clear? I am a noob here and can't understand what you guys are saying. Can you change my code and show me how it works?

I am using the script shown below.

<script src='http://ajax.googleapis./ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>

    <script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebar2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://scriptabufarhan.googlecode./svn/trunk/accordionscriptv101-min.js' type='text/javascript'/>

After adding this code in my blog, many other widgets like dropdown menu involving javascript stop functioning. The other codes I have used are shown below.

<script src='http://ajax.googleapis./ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'/>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.easing.1.3.js' type='text/javascript'/>
<script src='https://ninja-templates.googlecode./svn/trunk/superfish.js' type='text/javascript'/>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.cycle.all.js' type='text/javascript'/>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.tiptip.js' type='text/javascript'/>
<script src='http://ninja-templates.googlecode./files/functions.slider.js' type='text/javascript'/>

Can anyone please tell me how to remove this conflict?

Edit:Okay, can you make it more clear? I am a noob here and can't understand what you guys are saying. Can you change my code and show me how it works?

• javascript
• conflict
• jquery

• Possible duplicate of stackoverflow./questions/1566595/… – Raghav Commented Mar 15, 2012 at 19:28
• You switched from jquery 1.2.6 to 1.7.0. I'm sure there were a lot of breaking changes between these two versions. – Daniel Lorenz Commented Mar 15, 2012 at 19:29

2 Answers 2

After this script include:

<script src='http://ninja-templates.googlecode./files/functions.slider.js' type='text/javascript'/>

use this:

$.noConflict(true);

Also, those script tags are invalid, script tags must have both an opening tag and a closing tag, they can't be self closing.

Update for ment:

<script src='http://ajax.googleapis./ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'></script>    
<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2=&quot;sidebar2&quot;;
var accordionside2=false;
var sideshow2=new Array(0,0);
</script>
<script src='http://scriptabufarhan.googlecode./svn/trunk/accordionscriptv101-min.js' type='text/javascript'></script>
<!-- any other scripts that depend on the above code goes here -->

<script src='http://ajax.googleapis./ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'></script>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.easing.1.3.js' type='text/javascript'></script>
<script src='https://ninja-templates.googlecode./svn/trunk/superfish.js' type='text/javascript'></script>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.cycle.all.js' type='text/javascript'></script>
<script src='https://ninja-templates.googlecode./svn/trunk/jquery.tiptip.js' type='text/javascript'></script>
<script src='http://ninja-templates.googlecode./files/functions.slider.js' type='text/javascript'></script>
<!-- also any other scripts that depend on the above scripts go here -->

<script type="text/javascript">
$.noConflict(true);
</script>

You are loading JQuery 1.2.6 in the first script block and then JQuery 1.7.0 in the second. The second will not load as JQuery was already loaded. I am guessing the stuff that is failing needs the functionality added to the more recent JQuery version. So make the first block load the newer version and do not attempt to load it twice in the second.