Monday, May 21, 2012

jQuery slideUp().remove() doesn"t seem to show the slideUp animation before remove occurs


I have this line of JavaScript and the behavior I am seeing is that the selectedLi instantly disappears without "sliding up". This is not the behavior that I expected.



What should I be doing so that the selectedLi slides up before it is removed? 





selectedLi.slideUp("normal").remove();

Source: Tips4all
Post by On
Tags , , ,

3 comments:

  1. UserMay 21, 2012 at 8:47 PM

    Might be able to fix it by putting the call to remove in a callback arg to slideUp?

    e.g

    selectedLi.slideUp("normal", function() { $(this).remove(); } );

    ReplyDelete
  2. UserMay 21, 2012 at 8:47 PM

    you need to be more explicit - rather than say 'this' (which i agree should work), you should do this:

    $('#yourdiv').slideUp(1000, function(){
    $('#guitarCollection').remove();
    });

    works for me, let me know how you get on

    ReplyDelete
  3. UserMay 21, 2012 at 8:47 PM

    selectedLi.slideUp(200, this.remove);

    ReplyDelete

Subscribe to: Post Comments (Atom)