themes/default/js/closeMessage.js

   1 $(function(){
   2      //---------------------------------------------------------------------------
   3      // Show the close icon when the user hover over a message
   4      //---------------------------------------------------------------------------
   5      $('.messages').on('mouseenter', function(){
   6           $(this).find('a.closeMessage').stop(true, true).show();
   7      }).on('mouseleave', function(){
   8           $(this).find('a.closeMessage').stop(true, true).hide();
   9      });
  10      //---------------------------------------------------------------------------
  11      // Close the message box when the user clicks the close icon
  12      //---------------------------------------------------------------------------
  13      $('a.closeMessage').on('click', function(){
  14           $(this).parents('div.messages').slideUp(300, function(){ $(this).remove(); });
  15           return false;
  16      });
  17 });