jQueryUI的“盲”的效果介绍页面流断裂而动画

Question

我有链接的任意号码，每个风格的自举按钮，在一个div与普通左向右流动。

<div id="btngrp"> 
    <a href="#" class="btn" id="btn_1">Troll 1</a> 
    <a href="#" class="btn" id="btn_2">Troll 2</a> 
    <a href="#" class="btn" id="btn_3">Troll 3</a> 
    <a href="#" class="btn" id="btn_4">Troll 4</a> 
    <a href="#" class="btn" id="btn_5">Troll 5</a> 
</div> 

使用jquery-UI's blind effect删除第一个按钮！将在动画阶段引入的流程的临时“休息”。

$('#btn_1').toggle('blind', { direction: "horizontal" }, 4000) 

我怀疑遮挡效果引入了一个display类型不inline一些包装元素，但我不知道如何解决它。

这里是一个的jsfiddle能说明问题：http://jsfiddle.net/ajsyJ/

Answer 1

是的，你是对的：它增加了它有显示一个div：块，并且按钮的其余inline-block的。尝试添加这对你的CSS：

#btngrp .ui-effects-wrapper { display: inline-block; } 

下面是更新小提琴：http://jsfiddle.net/hHLAj/1/