[jQuery] Why won't this work?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0619.000">
<TITLE>Why won't this work?</TITLE>
</HEAD>
<BODY>

Hi, all…
I finally started experimenting with jQuery and I must
say, it does show great promise.
I started working with the jQuery Starterkit at
<A HREF="http://jquery.bassistance.de/jquery-getting-started.html">http://jquery.bassistance.de/jquery-getting-started.html</A>
The straight-forward implementation of the syntax makes
this easy to work with, especially after studying the source of the
sample page, starterkit.html, included in the download for the kit.
I tried some of the sample code on one of my own sites, just experimenting,
and was able to get some response…all seemed well.
 

However, since that first experiment, I can’t seem to get any response
to the jQuery script.
I made it really simple to try to troubleshoot the problem:

I created a single sample page, put the custom.js in the same directly so I would
know the path to the code is correct.
I coded the target page in accordance with the straterkit.html page.
The page just shows the text, but no response to the javascript.

In detail, code included, here’s what I did:
Once create directory for sample page called “Website_Trials”…
Next, put the custom js in the directory so we have “T:\Website_Trials\custom.js”
One the html page I have
<script type=”text/javascript” src=”custom.js”></script>
(The html page and custom.js are in the same directory above.)


The code of the html page is as follows:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>Untitled</title>
 
<script type="text/javascript" src="custom.js"></script>
<script type="text/javascript" src="jquery.js"></script> 
 
</head>
<body>
<dl id="ann">
<dt>Question that needs an answer...</dt>

<dd>Here is the answer to the question!</dd>
</dl>
</body>
</html>


My custom.js contains this code:
$(document).ready(function() {
 $('#ann').find('dd').hide().end().find('dt').click(function() {
 var answer = $(this).next();
 if (answer.is(':visible')) {
 answer.slideUp();
 } else {
 answer.slideDown();
 }
 });
});



Anybody have any clues about what I’m missing…I’m sure it’s something simple…
Help! This has been driving me crazy all weekend and I can’t get past this mentally
to get any work done!
Thanks,
Rick
</BODY>
</HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Topic Participants
rick
enchos
rey
cjordan

[jQuery] Why won't this work?

[jQuery] Why won't this work?

Topic Participants

rick

enchos

rey

cjordan