Javascript 切换元素之间的延迟是否可能？

我使用的是.fadeToggle，因此当我单击三个div中的一个时，其他两个将淡入两个不同的div，而单击的一个将保留。问题是，在转换过程中，div重叠，因此当所有四个变化的div都可见时（短但不美观），会出现一瞬间。如何创建一个时刻，将所有四个的显示设置为“无”，以便切换平滑

以下是迄今为止的所有JavaScript：

$(document).ready(function() {
    $('[class^="col"]').click(function() {
        var m = $(this).attr('id');
        $('[class^="col"]').not(this).fadeToggle('slow');
        $('#' + m + 'p').fadeToggle('slow');
        $('#' + m + 't').fadeToggle('slow');
    });
});

谢谢

---

在某些情况下，您可能希望逆转这一点（首先将这些放在里面）。

感谢所有的答案，但在研究了几种可能性之后，我发现使用if/else语句可以得到我想要的确切结果。如果它对其他人有帮助，那么给你：

---

有些地方不清楚：你先引用三个

s，然后是四个！另一方面，你能把小提琴拿出来准确地理解发生了什么吗？嘿！我看到了混乱：有三个“点”我想填补，其中一个保持不变，而其他两个改变为两个不同的（四）。这可能还不清楚，所以这里有一个JS-Bin：谢谢，但是在第一次点击后它不会切换回来。我意识到我没有明确说明这一点，但这就是我使用toggle的原因。然后使用

$（el）。停止（1）

。像这样：

$（…）.stop（1.fadeToggle（'slow'）
    $('[class^="col"]').not(this).fadeToggle('slow').queue(function() {
      $('#' + m + 'p').fadeToggle('slow');
      $('#' + m + 't').fadeToggle('slow');
    });