jQuery fadeOut method is not fading out element

Question

I am facing a peculiar problem while I am using jQuery fadeOut method. When I use below code it is fading out. `$('#id').fadeOut("slow" );` But when I use below code it is not fading out, it is just disappear from screen. `$('#id').fadeOut("slow" ).remove();` Could anyone say what is the problem ?? Is there any way to make fading out the second one?? Thanks

Accepted Answer

The problem is that fadeOut is an animation method, which means it will happen over time, but you are then immediately invoking remove. Instead you can use the callback signature of fadeOut:

```
$('#id').fadeOut('slow', function(){
  $(this).remove();
});
```

jQuery fadeOut method is not fading out element

Solution

Problem