Perhaps this shows my newness to jQuery, but, like JavaScript, it seems difficult to get the paths set up correctly initially so that anything happens.
I have a
JSP with the following paths in the head tag:
<script language="JavaScript" type="text/JavaScript"></script>
<script src="./jquery.js" type="text/javascript"></script>
<script src="./functions.js" type="text/javascript"></script>
<link rel="stylesheet" href="./test.css" type="text/css" media="screen" />
-------------
And, in the same directory, per the paths above, I have jquery.js, functions.js, and test.css.
Here are the contents of those (except for jquery.js) files:
test.css
#mainText { display: none; }
.title {
font-size: 2.5 em;
font-style: italic;
}
(the JSP file has both a div called mainText and a div id called title)
------------------------
functions.js
$(document).ready(function() {
$('#mainText').fadeIn('2000');
});
--------------------------
Any ideas why jQuery isn't doing anything? Probably simple mistake...
Thanks in advance.
Mike