Untitled

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #result_data  {
    display: none;

  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(document).ready(function() {
$("#result_data").load("test.html", function () {
$(this).fadeIn(1997);
    });
});

  </script>
</head>

<body>
<div id="result_data"></div>


</body>

</html>

// Code goes here

/* Styles go here */

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <style type="text/css">
  p{
    font-size: 48px;
  }

  </style>
</head>

<body>
<p>test fadein</p>
</body>

</html>