jQuery-ui幻灯片，无需调整现有元素的宽度

Question

我正试图在twitter-bootstrap导航栏中的鼠标悬停事件中滑出一个名称。

我的代码将名称滑出，但在过渡期间，元素的定位变得混乱。

这是显示问题的jsfiddle。

Answer 1

看看这个小提琴https://jsfiddle.net/362cmyb8/2/ 我已经添加了一些CSS，所以它现在应该没问题。

为了将文字保留在一行中，我添加了这个：

#name {display:inline-block}

为了让父元素不会变得更大，我添加了这个：

.name {overflow:hidden}