I am trying to incorporate two javascript files (using jQuery) and they are creating a conflict. If the main js is on the page part of the page does not work. If I do not include it my menu and some related features do not work correctly. I do not have the site on a live server for you guys to go and look at yet I can post the JS code here for you.
I am really new to javascript/jQuery and could use a little help. Can anyone see a obvious conflict and help me combine the files to work as one without the conflict? Thanks!
One code is long so here is the link to it: *I removed Link* (this is the main code for the menu etc)
The other js is:
$(document).ready(function(){
Engine.Initialize();
if( !$('body').hasClass('index') && !$('body').hasClass('homepage') ) {
}
});
var Engine = {
Initialize: function() {
Engine.Homepage_Animation();
},
Homepage_Animation: function() {
if( !$.browser.msie ) {
$('#homepage-main-item img').hide().fadeIn(700, function(){
$(this).css('display', 'block');
$('#homepage-boxes .boxes').each(function(i) {
$(this).delay(100 * i).animate({
opacity: 1
}, 300);
});
});
} else {
$('#homepage-main-item img').css('display', 'block');
$('#homepage-boxes .boxes').css('opacity', 1);
}
},
}