Ampliar y reducir con "toggle"

[ceaped]

Hola Hice que se escalara pero la propiedad "slow" no funciona.
Así tengo el código:

Código Javascript:

$('#scale1').on('click',function(){
            $(".container").toggle();
 
        if($(".container").css("display") == "block")
        {
            $(".container").css("width","400px");
            $(".container").css("height","400px");
        }       
            });
        
        $('#scale2').on('click',function(){
            $(".container").toggle();
 
        if($(".container").css("display") == "block")
        {
            $(".container").css("width","600px");
            $(".container").css("height","600px");
        }       
            });
        
        $('#scale0').on('click',function(){
            $(".container").toggle();
 
        if($(".container").css("display") == "block")
        {
            $(".container").css("width","800px");
            $(".container").css("height","800px");
        }       
            });
 

¿Cómo hago para que funcione "slow"?

Gracias por su ayuda