So I have a site, with a script that works fine... It looks like this
HTML Code:
$(window).load(function(){
$("p").fadeIn("slow", function() {$("p").click(function () {
$("p").fadeOut("slow", function() {
$("div").fadeIn("slow");
});
});});
});
However, I find the constant fading in and out repetitive, and want the fadeOut to be an "explode" effect instead... to do that I replaced it with the hide("explode"... that I found from the Jquery Documentation- Only one problem: it doesn't work. I've tried everything (like specifying the "number:" in curly brackets... even thought 9 is already the default..etc) but nothing seems to work. The problem i think is that from the Jquery documentary I can't find out how to make a callback function so that the "divs" fade in AFTER the "p" has faded it out.... Here is the Jquery that I tried to use with the explode:
HTML Code:
$(window).load(function(){
$("p").fadeIn("slow", function() {$("p").click(function () {
$("p").hide("explode", {}, 1000, function() {
$("div").fadeIn("slow");
});
});});
});
and here is my site (as it is, with the fadeOut script)
http://www.liophant.com
Thanks a lot for any help!
__________________
"If you say something interesting, people will remember your name" ~ Anonymous
Please login or register to view this content. Registration is FREE. asp <- Irony
|