Two different jQuery scripts conflict on the same page

[khurram123]

Hi,

I have a serious problem. I am using two jquery code one is for slider and one is for menu.
Know when i put menu script on a page slider disappear. menu start working and also showing drop down menu.
but when i remove Menu jquery script from the page slider start working but menu didn't work.

Menu Script files:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> (When i remove this script slider work otherwise won't work if this script is there)
<script type="text/javascript" src="script.js"></script>

Slider script file:

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

How can i solve this problem.
Slider Link : http://moghulweb.com/index2.html
Menu link that i want to work on that website: http://moghulweb.com/MENU/

[rtrethewey]

Your code has quite a few errors which are probably contributing to the problem. The first one I'd fix is:

<script type='text/javascript' src='js/jquery-migrate.min.html'></script>

which is calling an HTML file as JavaScript. That alone could cause everything else to halt. You should also run both the HTML and CSS through a validator to clean them up.

It's a good idea to learn how to use a debugger. Some browsers have them built in (like Internet Explorer) and others use a plug-in like Web Developer Tools for Firefox and Chrome. The debugger will tell you where problems occurred and will often lead to a solution.

[Bharadwajcvrg]

<script>var $j = jQuery.noConflict(true);</script>

Use the above code either for Menu or for slider and replace all the $ with $j i.e
$('#selector').function(); replace with
$j('#selector').function();