JQuery slider not working

Question

I have two sliders on my page

On a separate page, both work fine, but when I put both pages on the same page, it doesn't work.

1 slider

<script type="text/javascript" src="js/jquery-1.7.1.js"></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> 

2nd slider

 <script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script> 

I tried using mootools-1.2.1-core.js higher version, but still did not work. Please help me.

Answer 1

Use jquery no-conflict

 var $j = jQuery.noConflict(); 

Now you can use $j instead of $ in your jquery code.

There is always a chance of conflict between these javascript libraries. I always use jquery no-conflict for my entire magento website, as magento uses scriptaculous as its default library. Thus, it is good to use it without conflicts if you use jquery and some other js libraries together.