The link "Toggle the Box" and the boxed text show up on the page,
but the boxed text is not hidden and the link does not toggle the box.
What's wrong?
Rick
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery Slick Box</title>
<script type="text/javascript" src="jquery.js">
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
// (a little sooner than page load)
$('#slickbox').hide();
});
// toggles the slickbox on clicking the noted link
$('a#slick-toggle').click(function() {
$('#slickbox').toggle(400);
return false;
});
</script>
</head>
<body>
<p><a href="#" id="slick-toggle">Toggle the Box</a></p>
<br>
<div id="slickbox" style="background: #EEE; border: 1px solid #900; height:
15px;">
This is the box that will be shown and hidden and toggled at your whim.
It has inline styles, which typically is a bad thing, but for the sake of
our demonstration, we'll let it slide, right?
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
