Hi, Christof... Thanks for the suggestion, but that didn't work either...same response as before.
I wonder...on the source of the demo page showing this effect, there is reference to both the jquery.js file and another file, examples.js, which I don't have access to or reference in my code to. <script src="/scripts/jquery.js" type="text/javascript"></script> <script src="/scripts/examples.js" type="text/javascript"></script> I wonder if the lack of the second src reference in my code is preventing this example from working. I was assuming that all the functionality needed would be contained within jquery.js, itself. If the author of the examples for http://www.learningjquery.com/2006/09/slicker-show-and-hide reads this, would they please make the "examples.js" code available, if it's needed? Rick -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christof Donat Sent: Thursday, January 25, 2007 12:40 PM To: jQuery Discussion. Subject: Re: [jQuery] Why won't this code work? Hi, > $(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; > > }); try it this way: $(document).ready(function() { $('#slickbox').hide(); $('a#slick-toggle').click(function() { $('#slickbox').toggle(400); return false; }); }); Then the Element behind $('a#slick-toggle') does exist when you try to use it. BTW.: If you are shure, that the id "slick-toggle" is alway a <a>-element, you will be off better with $('#slick-toggle'). In that case jQuery can simply use document.getElementById(). I am not shure about jQuery 1.1, but older Versions with $('a#slick-toggle') would search the whole document tree for <a>-tags and check if they have the given id. That is of course a lot slower. You can even spare another jquery query, but don't expect too much speed up from that: $(document).ready(function() { var sl = $('#slickbox').hide(); $('a#slick-toggle').click(function() { sl.toggle(400); return false; }); }); Since you already use an id here, the second query doesn't really take much time. Christof _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/ _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
