Estoy tratando de animar un div al 100% de su contenido, pero simplemente parpadea y en lugar de animar el div, el fondo desaparece al final de la animación. Estoy perplejo porque funciona cuando ingreso un número para la altura en lugar de un porcentaje.

$("#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");
    });
});