Yes, sorry, There are two other folders. I didn't mention them because I have checked both folders for the file and it is is the correct one. Here is the directory:
Root:
index.html
head.css
footer.css
/js
jquery.js
nav.js
/img
/htc
I have changed the code like Kevin2 said, I noticed I had am extra slash for some reason. Still doesn't work. Maybe I'm not doing my jquery right? Like I said, I am totally new to this. The only programming experience I have is in AS3. noob status. haha
jQuery:
$(document).ready(function(){
$("#navPhoto").hide(function(){
});
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Illusive Minds Media</title>
<script src="js/jquery.js"></script><!-- jQuery Library -->
<link rel="stylesheet" href="footer.css" type="text/css" media="screen" /><!-- Footer Stylings -->
<link rel="stylesheet" href="head.css" type="text/css" media="screen" /><!-- Footer Stylings -->
<!-- The following code targets IE6 only and enables mouse hover on non-anchor tags -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="htc/ie6.css" />
<![endif]-->
</head>
<body>
<div id="header"><!-- BEGIN HEADER -->
<div id="headerLogo">
<img id="headerImage" class="center" src="img/headerLogo.png" alt="Illusive Minds Media">
</div>
<nav id="navBar">
<a id="navPhoto" href="#">Photography</a>
<a id="navCinema" href="#">Cinematography</a>
<a id="navWeb" href="#">Web</a>
<a id="navDesign" href="#">Design</a>
<a id="navConnect" href="#">Connect</a>
<a id="navTheMinds" href="#">The Minds</a>
</nav>
<div id="slider"></div>
</div><!-- END HEADER -->
<!-- _____________________________________________________________________________________________________-->
<div id="footer"><!-- BEGIN FOOTER CONTAINER -->
<ul id="footer_menu"><!-- Begin Footer Menu -->
<li class="imgmenu"><a href="#"></a></li><!-- This Item is an Image -->
<li><a href="#">My Account</a><!-- Begin Second Menu Item -->
<ul class="dropup"><!-- Default Drop Up List -->
<li><form id="login">
<h1>Log In</h1>
<fieldset id="inputs">
<input id="username" type="text" placeholder="Username" autofocus required>
<input id="password" type="password" placeholder="Password" required>
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Log in">
<a href="">Forgot your password?</a><a href="">Register</a>
</fieldset>
</form></li>
</ul><!-- End Drop Up List -->
</li><!-- End Second Menu Item -->
<li class="right"><a href="#" class="drop">Logout</a><!-- Begin Right Aligned Item -->
</li><!-- End Right Aligned Item -->
</ul><!-- End Footer Menu -->
<!--<p><a href="#">StickyFooter</a> © 2010 All Rights Reserved.</p> -->
<ul id="social"><!-- Social Icons -->
<!-- The span is the text appearing on hover, use the tooltip class in the link -->
<li><a href="#" class="tooltip"><img src='img/twitter.png' alt="" /><span>Twitter</span></a></li>
<li><a href="#" class="tooltip"><img src='img/rss.png' alt="" /><span>RSS</span></a></li>
<li><a href="#" class="tooltip"><img src='img/flickr.png' alt="" /><span>Flickr</span></a></li>
<li><a href="#" class="tooltip"><img src='img/facebook.png' alt="" /><span>Facebook</span></a></li>
</ul><!-- End Social Icons -->
</div><!-- END FOOTER CONTAINER -->
<form id="login">
<h1>Log In</h1>
<fieldset id="inputs">
<input id="username" type="text" placeholder="Username" autofocus required>
<input id="password" type="password" placeholder="Password" required>
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Log in">
<a href="">Forgot your password?</a><a href="">Register</a>
</fieldset>
</form>
<script src="js/nav.js"></script><!-- NavBar Animations -->
</body>
</html>