jquery - 時間とともにdivを表示および非表示にし、クリックして非表示にするオプションが含まれていますか?

Question

display: none;表示したいdivがあり、それを非表示にし5 secondsますが、その間にユーザーがdivをクリックすると、クリックすると消えるはずです。消える時間とクリックオプションの両方を実行できないようです。

ここにコード。

$('#div').fadeIn();
$('#div').delay(5000).fadeOut();
$('#div').click(function(){
    $(this).fadeOut();
});

取り出し$('#div').delay(5000).fadeOut();た場合、クリックするまで消えません。

$('#div').click(function(){ $(this).fadeOut(); });ユーザーがクリックしても消えません。

追加情報

$('#div').delay(5000).fadeOut();問題は、これをクリック コードの前後に追加することです。div は 5 秒間待機し、div はクリックできなくなります。