javascript – 使用slideDown()/ slideUp()进行水平溢出

我正在尝试使用slideUp()/ slideDown()来动画显示页面元素,但是在相对定位的图标上有一个负面(在元素外部)放置时遇到了麻烦.当这些动画执行时,它会将溢出设置为隐藏渲染,我的图标会切成两半,直到动画完成.

The JSFiddle here说明了我的问题.我需要在整个动画执行过程中看到蓝框的水平溢出,而不是在最后神奇地出现.我还需要垂直溢出才能保持隐藏状态.

我试过修改,

$(this).parent().find("div:eq(0)").slideDown(1000).css("overflow-x","visible");

但它似乎被忽略和使用,

$(this).parent().find("div:eq(0)").slideDown(1000).css("overflow","visible");

也使垂直溢出可见.

任何见解将不胜感激.

<div class="hide"><div class="clickEvent"> 
... 
</div>