jquery - 将内容加载到 div onclick - FadeOut()、FadeIn()

Question

我有一个简单的菜单 <ul> s。每<ul>将其内容加载到 <div>单击它时。

这是我的代码:http://jsfiddle.net/EPvGf/16

因此，为了能够理解我的问题，当您第一次打开页面时，请尝试单击任意 <ul> (而不是默认的“描述”)。您可以看到应该加载(淡入)的内容位于之前的内容下方，当旧内容完成淡出时，淡入的新内容会上升以取代旧内容的位置。

我想要的是，当旧内容完全从页面上消失时，新内容会出现在它的位置，并且不相互重叠，然后一个内容就占据了原来的位置第二个。

Answer 1

通过在 .pbox:visible fadeOut 上运行一个函数，您可以淡入新的 div(或运行您想要的任何其他代码)。

$('.pbox:visible').fadeOut('slow', function() {
    $('.pbox[id=' + $('.current a').attr('data-id') + ']').fadeIn('slow');
});

http://jsfiddle.net/EPvGf/20/