[PROBLEMA] Expandir e contrair

Olá, estou editando um chat para um site. Porém estou com um problema, eu fiz o código do jQuery assim:

$("#topo-chat").click(function(){

$("#chat").animate({"width": "600px"}, "slow");
$("#chat").animate({"height": "268px"}, "slow");

});

Enfim, eu fiz esse, e fiz outro, parecido, mas com mudanças do width e no height. Eu queria que ao clicar na div #topo-chat ele expandisse o chat, e quando eu clicar novamente no #topo-chat, ele contraia. Só que quando eu clico, ele executa os 2, expande, contrai, e expande novamente. Sou iniciante no jQuery.

Obrigado a todos que responderem, Lucas M. Guimarees