Dúvida (uso de animate - jQuery)

[Mariana A.]

Boa tarde!

Comecei a utilizar a biblioteca jQuery há pouco tempo e tenho uma dúvida quanto ao uso do animate.

Explicarei melhor. Estou desenvolvendo um chat, estilo o do facebook. Para isso uso duas div's (ChatBox_Minimize e ChatBox), uma para quando estiver minimizado e a outra para exibir o chat. Sei que é meio gambiarra mas ignorem essa parte. rs

O que acontece é que eu quero usar um animate para o click da ChatBox_Minimize, e outro animate para o click da ChatBox, e a pessoa poderá minimizar e maximizar quantas vezes quiser.

O problema é que eu clico uma vez, maximiza; clico de novo, minimiza, e só. Simplesmente para de funcionar meu animate! Queria que ele funcionasse "pra sempre"!

Então eis o código, se tiverem sugestões de como usar o animate ou outra função que eu possa utilizar, aceito opiniões :rolleyes:

Obs: Este é meu primeiro tópico no fórum, então desculpe por quaisquer deslizes.

$(document).ready(function () {
            $('.ChatBox_Minimize').click(function () {
                $('.ChatBox_Minimize').hide();
                $('.ChatBox').animate({'visibility':'visible', 'top': '69.6%' }, 'fast');
                $('.ChatBox_txtarea').focus();

                $('.ChatBox').click(function () {             
                    $('.ChatBox').animate({ 'visibility': 'visible', 'top': '96.1%', 'right': '0.4%' }, 'fast');
                });
            });
        });

Obrigada!