Initially, fancybox was functioning properly. However, upon expansion of the site's content, it ceased to work and I am baffled as to where I made a mistake.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancyImg").fancybox();
});
</script>
<div id="About-MichaelP"><p>Website created by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div>
<div style="display: none;">
<div id="MichaelP" class="Hide">
<h1>About Michael Podsiadly</h1>
<p></p>
</div>
</div>
I appreciate any assistance you can provide. This issue has left me so fatigued that I can hardly concentrate anymore.