Okay I have an issue....I have two things I want to happen on the same page....I have a slide in menu (Jquery contact form) where people can write me an email and a FancyBox gallery..
But these two javascripts wont play nice...if both are enable as they are now, The contact portion work fine but the images opens in an empty browser window instead of the fancyBox style.
The Code
Contact Javascript
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
The FancyBox Code
$(document).ready(function() {
$("a.zoom").fancybox();
$("a.zoom1").fancybox({
'overlayOpacity' : 0.7,
'overlayColor' : '#FFF'
});
$("a.zoom2").fancybox({
'zoomSpeedIn' : 500,
'zoomSpeedOut' : 500
});
});
Any suggestions would be greatly appreciated =)