jQuery slideToggle（）Chrome / Safari中的特殊行为

Question

当我使用slideToggle（）和element时，我在Chrome中遇到了问题。

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

HTML符合以下几行：

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

使用非常简单的CSS将所有链接水平浮动到左侧：

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

不要浮动DIV或者你可以给它一个宽度（以像素为单位）。