Q:

Modal box open with strange effect

So i have been working on a modal box that shows on button click, the modal is opennig just fine, but it has a strange effect when openning, it seems that the modal is droping down, while i just want him to fade in.
that's what i'm doing : 
button_open.onclick = function() {
  $("#myModal").fadeIn(300);
}

AcceptAll.onclick = function() {
  $("#myModal").fadeOut(300);
}

Here is a JSFIDDLE 
Can someone help please ?

A:

Please change you js code and remove animation effect from your modal-content which is added in you css

button_open.onclick = function() {
  $("#myModal").fadeIn(300);
}

AcceptAll.onclick = function() {
  $("#myModal").fadeOut(300);
}
<!--remove this line or comment from .modal-content in your css-->

  -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;

