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/
