フラッシュメッセージのフェード効果

Question

jQueryを使用してフェードインとフェードインの効果を持つフラッシュメッセージを使用しようとしています。誰かがこれを行う最善の方法をお勧めしますか？

Answer 1

確か：

$(function() { 
    $('#flash').delay(500).fadeIn('normal', function() { 
     $(this).delay(2500).fadeOut(); 
    }); 
}); 

jsFiddle example

Answer 2

これは、上記のヤコブの答えの変形例です。 最初に隠されていないものをフェードインできません。

指示：これはのように、あなたのフラッシュメッセージにフラッシュのIDを入れて

（私のフラッシュメッセージがここに格納されているアプリ/ビュー/レイアウト/ _flashmessages.html.erb）：

<% flash.each do |key, value| %> 
    <div class="well lead" id="flash"><%= value %></div> 
<% end %> 

メイク

jQuery -> 

    $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800) 

：

資産/ JavaScriptの/ flash.js.coffeeと呼ばれる新しいファイルには、（すべてのくぼみがタブであることを確認し、スペースに注意）でこれを置きます