JQuery Click Event

JQuery Click Event

by Mi_Creativity

HTML

<button id="btnSave">Save Click</button>
<div class="hideme" id="infor">This is a test div</div>

CSS

#infor{
  opacity:0;
}
.show-me{
  animation: foo 2s ease-in-out
}

@keyframes foo{
  0%,99%,{ opacity:0; }
  25%, 75%{ opacity:1; }
}

JavaScript

var element =$('#infor');

$("#btnSave").click(AlertSave);

function AlertSave() {
	element.addClass('show-me');
  setTimeout(function () {
     element.removeClass('show-me');
  }, 2000);
}