2 события, 1 действие

[Freakmeister]

<div class="green_message"><a href="#">x</a><p>Сообщение</p></div>

.green_message {
background-color: #AEFFAE;
border: 1px solid green;
display: none;
}
.green_message p {
padding: 8px;
}
.green_message a {
float: right;
margin-right: 3px;
cursor: pointer;
text-decoration: none;
color: #333333;
}
.green_message a:hover {
color: green;
text-decoration: none;
}

function hideMessage() {
    alert('функция вызвана'); //добавлено для наглядности. функция вызывается явно раньше delay('3000');
    $('.green_message').hide('blind', 700);
};

$('.green_message').fadeIn(700, function(){
    $(this).delay('3000');
    hideMessage();
});

$('.green_message a').click(function(event){
    event.preventDefault();
    hideMessage();
});

Пытаюсь сделать всплывающее окошко c сообщением в стиле ютуба, чтобы оно само закрывалось через 3 секунды, или чтобы его можно было закрыть крестиком. Для скрытия использую эффект "blind" из jQuery_UI. Проблема в том, чтобы предотвратить выполнение функции второй раз. Сейчас если нажать крестик - анимация скрытия блока происходит 2 раза. Пробовал извращаться с глобальной булевой переменной, ничего не вышло. Нид хэлп. =\ Может как-то сделать delay другим способом?

[SkyLight]

setTimeout(hideMessage, 3000)

[Sweet]

Используй .delay

[Freakmeister]

А я что использую?)

[walik]

Так используй delay:

$(this).delay('3000').hideMessage();

а не

$(this).delay('3000');
    hideMessage();

[Freakmeister]

$(this).delay('3000').hideMessage();

не работает.
hideMessage это функция, а не метод, к ней нельзя обращаться таким образом.

Сделал так, вроде работает:

var canHide=true;
function hideMessage() {
    if (canHide) {
    $('.green_message').hide('blind', 700);
    }
    canHide=false;
};

$('.green_message').fadeIn(700, function() {
    setTimeout(hideMessage, 3000);
});

$('.green_message a').click(function(event) {
    hideMessage();
    event.preventDefault();
});