Fade Style

code.html

<button id="btn">Press</button>

<div id="box"></div>

style.css

#box {
  width: 500px;
  height: 30px;background: red;
  display: none;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	25% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
  
  50% {
		opacity: 1;
		-webkit-transform: translateY(0);
  }
  
  100% {
  	opacity: 0;
  	-webkit-transform: translateY(20px);
  }
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
}

toggle.js

$('#btn').click(function(){  
  $('#box').toggle().toggleClass("fadeInUp");
});