Is there a way to verify a jQuery link without relying on the inspect element feature in Google Chrome? I initially thought that was the issue because the links failed to load, but even after correcting it, the show function still does not perform the animations as specified. The hide function works fine, and so does the rotating text. I have ruled out CSS and JavaScript issues, so my suspicion is that something went wrong with my jQuery links, although I'm clueless about what exactly might be the problem.
The HTML code is as follows:
<!DOCTYPE><HTML>
<head>
<title>Mary</title>
<meta charset="UTF-8"/>
<link href="C://wamp/www/Projects/Resume/stylesheet.css" type="text/css" rel="stylesheet">
<link href="C://wamp/www/jquery-ui-1.10.3.custom/css/Mary/jquery-ui-1.10.3.custom.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script type="text/javascript" src="C://wamp/www/Projects/Resume/jscript.js"></script>
<script type="text/javascript" src="C://wamp/www/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
</head;
<body>
<div id="content">
...
The CSS code is:
#content {
background-color: #030505;
height:100%;
width:100%;
}
#list{
...
}
#background {
...
}
.col1 {
...
}
.col2{
...
}
.col3{
...
}
The JavaScript/jQuery code is:
$(document).ready(function () {
...
});
$(function(){
$('#content').click(function(){
$(this).hide();
$('#background').show();
});
});
Prior to fixing another link-related issue, the jQuery worked perfectly. I had been testing various show options with success. Currently, I am uncertain about what's causing the problem. I hope it's just a link error that has eluded me during inspection, or perhaps there might be a best practice recommendation from someone that could help resolve this issue and prevent similar occurrences in the future. Thank you for your assistance!