Hi!
I am really new to jquery and javascript in general.
I am making an effort in creating something in the area of a smooth
thickbox effect with image magnification.
If people click a link the linked image is opened in an absolute
positioned div that appears with an animate effect.
When they close it I want it to animate back the div into nothing and
then remove it.
I have then tried using .remove() with no success, well it removes the
div but before the animate is done.
Code:
$("#closeThis").click(function () {
$("#showThis").animate({width: "0", height: "0"}, "slow");
$("#showThis").remove();
return false;
});
I have also tried:
$("#closeThis").click(function () {
$("#showThis").animate({width: "0", height: "0"}, "slow").remove();
return false;
});
Both with the same result, the div is removed directly at click and
not after animate.
Hope that someone can help me fix this problem.
Or maybe it would be better to always have the div on the page but
just not visible, not that I know if that would solve my problem but
maybe it is easier.
Right now:
$("body").append("<div id='showThis'><p><a href='#'
id='closeThis'>[close]</a></p><p><img src='"+theLink+"' alt='"+theTitle
+"'></p></div>");
That is what I use when someone clicks a link, maybe a hidden param in
css would work just as well.
Well if anyone has any ideas or tips please respond and help me :D
