如何淡出然后直接到新页面

Question

我只是想知道如何在点击时淡出页面并打开另一个html页面。现在我有

<div class="menu-item color">
  <a href="html/webmap.html">
    <i class="fa fa-flask"></i>
    <p>Webmap</p>
  </a>
</div>

如何点击“Webmap”菜单项，页面淡出并打开我的webmap.html页面？

我知道javascript被调用了，我只是想不出来！

提前致谢！

Answer 1

解释不是很多：

$(function() {

  $('.menu-item a').click(function() {

    var destination = this.href;

    $('body').fadeOut('slow', function() {

      window.location = destination;
    });

    return false;
  });
});