After clicking the contact button located in the upper right corner, the animation functions smoothly on all other browsers except for Chrome. In Chrome, it gets stuck halfway and only completes when the mouse pointer moves away from the button. This issue seems to be specific to Chrome and I am unable to identify the cause.
$('.btnContact').live('click', function(event) {
event.preventDefault();
$(".sliderHome").animate({ top: "-570px"},500);
$(".contactUsPage").animate({ top: "0px"},500);
$("#internalPage").animate({ top: "-570px"},500);
$('.btnContact').addClass("contactSelected");
$('.scrollnav').removeClass("selected");
$('.internalTitle').hide(0);
$(".logoCont h1").html("Overview for Simon Ward").fadeIn(300);
});
Any suggestions or ideas would be greatly appreciated. Thank you.