[github/wallabag/wallabag.git] / themes / default / public / js / closeMessage.js

$(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;
     });
});
Commit	Line	Data
ed285356 NL	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	});