I have to Use Multiple Jquery in single webpage
For Menu
<script type='text/javascript' src="js/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.3.3.js'></script>
<script type="text/javascript">
$(document).ready(function ($) {
$('#mega-menu-5').dcMegaMenu({
rowItems: '4',
speed: 'fast',
effect: 'fade'
});
});
</script>
/* for Content */
<script src="Roundabout/js/jquery.js"></script>
<script src="Roundabout/js/jquery.roundabout2.js"></script>
<script>
jQuery_1_3_2('#document').ready(function() {
$('ul').roundabout({
minZ: 100,
maxZ: 300,
minOpacity: 1,
minScale: 0.6,
childSelector: '.mover',
tilt: -4
});
});
</script>
/*FOr Slider */
<script type="text/javascript" src="Slider/js/jquery.min.js"></script>
<script type="text/javascript" src="Slider/js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="Slider/js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay
: true,
bgincrement
: 450
});
});
</script>