我有这个菜单列表
<ul class="nav navbar-nav" style="width:80px;">
<li class="dropdown">
<a href="#" class="dropdown-toggle">Profile</a>
<ul class="dropdown-menu">
<li id="profile"><a href="#">My Profile</a></li>
<li id="drive"><a href="#">My Drive</a></li>
</ul>
</li>
</ul>
我称之为profile.php和drive.php：
$(document).ready(function(){
$("#profile").click(function(){
$("#box").load("/functions/profile.php");
});
$("#drive").click(function(){
$("#box").load("/functions/drive.php");
});
});
进入此<div id="box"></div>并且效果很好:)。
但是有一个问题，因为profile.php页面的图像很大，需要时间来加载。因此，我希望laoding.gif图片显示<div id="box"></div>，同时加载profile.php页面，加载完成profile.php后，应隐藏loading.gif图片并且profile.php页面应显示<div id="box"></div>。
提前致谢。
我是学生，所以解决它有点困难。
P.S。我搜索谷歌很多但没有工作。