jquery - 每个部分的单独加载器

Question

我在单个页面（即）index.html 中有不同的部分，例如#about、#services、#products 和#contact。

我有每个部分（即）的导航列表，例如。

关于

等每个部分都有一些动画。

我的问题是我如何为每个部分使用加载器。（即）对于初始索引页面，它显示一个加载器，页面加载后索引部分内容将可见。如果我点击关于链接，索引部分将不可见（显示：无），然后关于部分将（显示：块）与加载器。

我们如何使用 jquery 动画来获得这个？请找到小提琴http://jsfiddle.net/yesvin/GKh2s/3/

提前致谢。如果您有任何疑问，请告诉我。