jQuery 1.4 Animation Techniques - Index of

},
html: copy,
width: expander.width(),
height: expander.height(),
click: function() {
var img = $(this).find("img"),
id = img.attr("id");
if (!img.hasClass("expanded")) {
img.addClass("expanded").animate({
width: dims[id].big.width,
height: dims[id].big.height
}, {
queue: false
});
} else {
img.animate({
width: dims[id].small.width,
height: dims[id].small.height
}, {
queue: false,
complete: function() {
$(this).removeClass("expanded");
}
});
}
}
}).appendTo("body");
[ 117 ]
Chapter 5
What just happened?
In this section of code, we create the wrapper element for the new image. We give it a new
class name so that it can be positioned correctly.
Quoting the class property
We need to use quotes around the property name class so that it works
correctly in Internet Explorer. If we fail to quote it, IE will throw a script error
stating that it expected an identifier, string, or number.
We set the position of the wrapper element using the css property in conjunction with the
coordinates we obtained from the offset() method earlier.