[jQuery]Toggle rozwija się i zwija Opcje

[weogrim]

Witam.

Napisałem sobie taką funkcje w jQuery:

[JAVASCRIPT] pobierz, plaintext 
function showAlert(type, message) {
    if(type == 'ok') {
        $('#message').html('<div class="message-ok">'+message+'</div>').toggle('slow')
    }else if(type == 'error') {
        $('#message').html('<div class="message-error">'+message+'</div>').toggle('slow');
    }
}
[JAVASCRIPT] pobierz, plaintext 

W html mam diva z id message:

[HTML] pobierz, plaintext 
<div id='message'></div>
[HTML] pobierz, plaintext 

,

a tą funkcję wywołuje tak:

[PHP] pobierz, plaintext 
echo "<a onclick='showAlert(\"ok\", \"Treść informacji\")'>asddsadsa</a>";
[PHP] pobierz, plaintext 

I teraz mam taki problem: po kliknięciu na link div message rozwija się i od razu zwija, i dopiero za drugim kliknięciem pojawia się na stałe.

Tutaj filmik, jak bym nie jasno wytłumaczył: Youtube.

[Pacio]

#message jest na poczatku widoczny (ma display: block;), wiec JS wrzuca komunikat i toggle chowa div#message. Dodaj display: none w CSS dla #message.