How to load pages with slideDown

How to load pages with slideDown

Hello, I'm trying to load pages with slideDown and here is the problem:

<div class="back">
      <a class="page2" href="#">Page2</a>
</div>

<div id="area"></div>

<script src="js/jquery.js"></script>
<script type="text/javascript">
$( '.page2').on("click", function() {
      $( "#area" ).load('page2.html').slideDown(1500);
});
</script>

Nothing happens, the page doesn't load, just # on URL

Thank you