<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <div class="box"></div>

.box {
         width: 150px;
    height: 150px;
    margin: 30px auto;
  background-color: green;
}
$(function() {
  $('.box').mouseover(function () {
    $('.box').slideUp(2000);
  });
  
});
	

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.