Shadow artifacts during animation in IE9

Question

Here are css, html and js to reproduce:

html:

    
123
    
345
         


        
      

Answer 1

This solution worked for me - just animate the box-shadow attribute of the parent at the same time:

$(function() {
    $('#outer').click(function() {
        $('#inner').slideUp();
        $(this).animate({'box-shadow': '0px 3px 2px rgba(0, 0, 0, 0.3)'});
    });
});