Drop Down and Fade out Flash Messages

_flash.sass

/* flash-messages

#flash
  left: 0
  margin: 0 auto
  position: absolute
  text-align: center
  top: 0
  width: 100%
  z-index: 1000

.flash,#flash
  .message
    text-align: center
    margin: 0 auto 
  .error,.alert
    border: 1px solid #fbb
    background-color: #fdd
  .warning
    border: 1px solid #fffaaa
    background-color: #ffffcc
  .notice
    border: 1px solid #1FDF00
    background-color: #BBFFB6

  .error,.alert,.warning,.notice
    padding: 1.0em

_flashes.html.haml

#flash
  - flash.each do |key, value|
    .message{ :class => key }
      %p= value

application.js

$("#flash").fadeIn(function() {
  fadeOut = function() {
    $("#flash").fadeOut();
  };
  setTimeout(fadeOut, 3000);
});