1 files changed, 17 insertions, 0 deletions

diff --git a/themes/default/js/closeMessage.js b/themes/default/js/closeMessage.js
new file mode 100644
index 00000000..b57fe4a8
--- /dev/null
+++ b/themes/default/js/closeMessage.js
@@ -0,0 +1,17 @@
+$(function(){
+     //---------------------------------------------------------------------------
+     // Show the close icon when the user hover over a message 
+     //---------------------------------------------------------------------------
+     $('.messages').on('mouseenter', function(){
+          $(this).find('a.closeMessage').stop(true, true).show();
+     }).on('mouseleave', function(){
+          $(this).find('a.closeMessage').stop(true, true).hide();
+     });
+     //---------------------------------------------------------------------------
+     // Close the message box when the user clicks the close icon
+     //---------------------------------------------------------------------------
+     $('a.closeMessage').on('click', function(){
+          $(this).parents('div.messages').slideUp(300, function(){ $(this).remove(); });
+          return false;
+     });
+});
\ No newline at end of file