Question

Here is the code I use to attach the div:

$("#sessions").prepend(tempct);
$("#sessions>div:first-child").hide().slideDown(1000).delay(100,function(){
    $("#sessions>div:first-child").click();
    $("#renamemeeting").click();
});

here tempct is some HTML I wrote, for a simple div structure. The div does get attached and slides down properly.

Next I try to delete the div, like this:

console.info("Starting call for element #tr"+chidcl+" and element is "+$("#tr"+chidcl));
                /*$("#tr"+chidcl).slideUp(500,function(){
                    console.log("slideUp was fired");
                });*/
                $("#trOF7VFS").slideUp(500,function(){
                    console.log("slideUp was fired");
                });
                console.warn("Finished call for element #tr"+chidcl+" and element is "+$("#tr"+chidcl));

Here the Starting call... and Finished call... lines are being displayed, but for some weird reason, slideUp doesn’t work, neither is the message displayed.

You can see the page here: http://mpsinfoservices.com/projects/sudipta/liveminutes/minutes.html

When the page is loaded, the div trOF7VFS is automatically attached, now try going to actions menu, and hitting delete, and you should see the problem.

Answer 1

The problem was that, for some reason the slideDown() effect was being queued(for yet unknown reasons) and actually never ended. The solution was to use .stop('true') before slideUp(), to clear all previous animation queues.