【jQuery】時限式のポップアップ

質問

自社ECサイトで新年のご挨拶を時限式で消えるポップアップを作ろうと思い

$(function(){
$(".akeome:not(:animated)").fadeIn("slow",function(){
$(this).delay(10000).fadeOut("slow");
});
return false;
});

というソースを作りました。
ポップアップに少々文章を入れ、読ませるようなものにしたいので、ディレイは長めにとりました。
しかし、position:fixedで10秒は流石に鬱陶しいだろうという事で、ディレイが終わる前に
ポップアップ自体をクリックして任意で消せるようにしたいと思い、
ネット上を見て周り、なんとなくif elseを使って書くのだろうと思って書き始めましたがここで手詰まりしてしまいました。

$(function(){
$(".akeome:not(:animated)").fadeIn("slow",function(){
if($(this).click(function(){

});
});

else($(this)){.delay(10000).fadeOut("slow");}
});
return false;
});

・・・という状態です。素人目では、自分でも理解できる.click()を使ったifの文法例がネット上に転がっていれば何とかなりそうな気もしなくはなかったのですが・・・力尽きました・・・

どなたかご教授願います～

回答No.1

fujillin · ベストアンサー

予定の動作とは別に、クリックしたときのイベント処理で消えるように設定しておけばよいのではないでしょうか？
class="akeome"の要素がいくつあるのかわかりませんが、全部一緒に動くということで考えれば、

　$(".akeome").click(function() {
　　$(".akeome").stop().fadeOut("slow");
　});

のような処理を追加してあげればよいのでは？

お礼

バッチリ動きました！
ありがとうございます