jQuery slideToggle() 在 Chrome/Safari 中的特殊行为

Question

我在 Chrome 中使用 slideToggle() 和元素时遇到问题。

编辑:示例 here ，点击链接 A 几次，您就会明白我的意思。

HTML 是这样的:

<div>
    <a>Link A</a>
    <a id="myLink">Link B</a>
</div>

使用非常简单的 CSS 将所有链接水平 float 到左侧:

a{
  float: left;
  margin-right: 20px;
  height: 20px;
  width: 20px;
}

#myLink{
   display: none; 
}

JavaScript 只是在某些事件中在显示 myLink 和隐藏它之间切换。

$('#myLink').slideToggle();

第一次调用 slideToggle() 时，一切正常；该链接与另一个链接水平对齐。但是，如果我再次隐藏它，当它重新出现在 Chrome/Safari 中时，该链接将出现在另一个链接下方(而不是旁边)。此外，我注意到如果我在 Chrome 中使用开发人员工具并单击该元素，它会自行修复并将链接移动到与另一个链接水平对齐。

有人知道 WebKit 中 slideToggle() 的任何问题吗？

Answer 1

不要 float DIV 或者你可以给它一个以像素为单位的宽度。