jQuery fadein（）fadeout（）问题，暂时按下div，直到它完全消失

我对jQuery和淡入淡出div有问题。我有3个选项卡，每个选项卡对应一个单独的div，应该淡入淡出其他div。然而，当我点击一个标签时，它会淡入淡出，就像它应该的那样，但它会暂时向下推内容。我可以很容易地使用CSS和

position:absolute

，但这是我最后的选择！我正在寻找更多的jQuery修复程序

下面是一个JSFIDLE来显示我想说的内容：

到目前为止，给出的所有答案都没有达到预期的效果，它们工作了一半的时间，仍然有太多的bug无法发挥作用。我仍然在寻找一个合理的答案。

如果你拿出add（），那么它会根据你的喜好工作，但并不完全有效

我知道你想做什么给我一点时间，我会给你更好的

更新：

---

用这个

这对我很有用。只需点击tab2即可测试：

$('#tab2').click(function() { 
   $('#page1, #page3').stop(true,true).fadeOut(1000).promise().done(function() {
      $('#page2').fadeIn(1000);
   });
})

---

更新和短小提琴：

下面是JS代码：

$('#page2').hide();
$('#page3').hide();
$('.settings-options-tab').click(function() { 
    var index=$('.settings-options-tab').index(this);
    $('div[id^=page]:visible').stop(true,true).fadeOut(1000, function() {
        $('.settings-pages').hide();
        $('.settings-pages:eq('+index+')').fadeIn(1000);
    });
});
​

---

这就是fadeIn/fadeOut的工作！如果你需要做更多的事情，你需要按照你想要的方式来编写css/js。但是它同时淡入淡出，我想这是因为我把它作为回调？有没有办法推迟……是的，你到底想要什么？它应该是怎么来的？它应该看起来像黄帝的JSFIDLE，但它需要完全可操作。是的，这是我想要的效果。但是它不能完全工作，有没有办法让它完全工作？@Skovy用

**

表示粗体字母。可能会对你有所帮助。尝试使用

[id^=page]：visible

作为选择器，它似乎对meHaha有效谢谢，它在主要问题中有效，所以我认为它在评论中有效，但显然不行，我应该更仔细地阅读评论指南。关闭，但当我同时单击多个选项卡时，所有选项卡都会快速出现，我不希望这种情况发生，否则它会扩展我的页面。请记住，我正在淡出的这些div有几百个像素高和宽。如果我快速单击选项卡，它也会出错。事实上，我将时间从1000毫秒更改为300毫秒，现在我无法让它再次出错，所以我认为这会起作用。谢谢，有用吗？我想是的，因为你已经接受了答案：/是的，但我相信如果你双击一个标签，它就不起作用了，这就是发生在我身上的事情。。。我总是遇到麻烦。我求助于绝对定位，我让它工作得很好，但不是我想要的方式。