Ampliar y reducir con "toggle"

[ceaped]

Buenos días
Tengo este código:

Código Javascript:

function applyScale(element){
            $(".container").toggle("scale");
 
        if($(".container").css("display") == "none")
        {
            $(".container").css("width","200px");
            $(".container").css("height","200px");
        }
        else
        {
            $(".container").css("width","800px");
            $(".container").css("height","800px");
        }
        }
 

Busco por medio de dos botones ampliar a 200px y a 800px una div, pero no logro hacerlo.

¿Cómo lo puedo hacer?

Gracias por su ayuda

[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

[Alexis88]

Si con la última pregunta te refieres a cómo puedes generar un efecto de ensanchamiento/acortamiento con efecto, puedes utilizar el método .animate().