jQuery slideToggle() Chrome/Safari의 특별한 동작

Question

slideToggle() 및 요소를 사용할 때 Chrome에서 문제가 발생합니다.

편집 : 예 here, 링크 A를 몇 번 클릭하면 의미를 알 수 있습니다.

html로가의 라인을 따라입니다 : 모든 링크를 떠 아주 간단한 CSS와

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

수평 왼쪽 :

자바 스크립트는 단순히 내 링크를 보여주고 그것을 숨기기를 전환

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

#myLink{ 
    display: none; 
} 

어떤 사건.

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

slideToggle()을 처음 호출하면 모든 것이 잘 작동합니다. 링크가 다른 링크와 수평으로 정렬 된 것처럼 보입니다. 그러나 Chrome/Safari에 다시 표시 될 때 다시 숨기면 링크가 옆의 링크 대신에 나타납니다. 또한 Chrome에서 개발자 도구를 사용하여 요소를 클릭하면 자체적으로 수정되고 링크가 다른 링크와 수평으로 인라인되도록 이동하는 것으로 나타났습니다.

WebKit의 slideToggle() 문제는 누구나 알고 계십니까?

Answer 1

DIV을 뜨지 않거나 픽셀 단위로 너비를 지정할 수 있습니다.