Two different jQuery scripts conflict on the same page

JavaScript
1

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/

2

You should try to make both scripts use one instance of jQuery. If you absolutely must use both version of jQuery than have a look at jQuery.noConflict().

3

Absolutely.

AFAIK, this won’t help.
noConflict just has jQuery relinquish use of the dollar symbol as an alias for the jQuery method.