[jQuery] Dynamic table with forms - animation issues

[jQuery] Dynamic table with forms - animation issues


I've been working on a script to slide in new table rows with form
elements inside them and then either submit all the rows or cancel and
remove them - either one at a time or all at once. I've got the basics
down, but I've just got a few minor problems and I've marked them in
my code with //PROBLEM: in the comments.
1.) When I add a new row or remove all added rows, the callback after
the animation is called once for each div in the table row, since
that's what I'm performing the animation on. I need a way to limit
this to only happen once.
2.) If the "add" button is clicked very fast (only initially), the
submit/cancel controls never appear. Not sure why, but I need a way
around this.
3.) If rows are removed individually, when I get down to 1 row the
controls do not move to the correct spot. I know why this happens, but
I'm not sure how to fix it.
Here it is: http://jsbin.com/ixezo - (and just to mention I need to
use function calls instead of $(element).click()'s so please don't re-
format anything like that).
Any help or insight here is greatly appreciated!
Also, I had some earlier questions solved in this thread:
http://groups.google.com/group/jquery-en/browse_thread/thread/71700099cac1da40/07bc5f560e541fb1
(just for reference)