Eu estou tentando animar um div para 100% do seu conteúdo, mas ele apenas pisca e ao invés de animar o div o fundo desaparece no final da animação. Estou perplexo porque funciona quando eu digito um número para a altura em vez de uma porcentagem.

$("#artbutton").click(function(event){
    event.preventDefault();
    var $self=$(this);
    $("#media").animate({height:0},"slow");
    $("#music").animate({height:0},"slow",function(){
        document.location = $self.attr('href');
        $("#art").animate({height:"100%"},"slow");
    });
});