jQuery-ui 滑动而不调整现有元素的宽度

Question

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

我的代码将名称滑出，但在转换过程中元素的定位变得混乱。

这是一个jsfiddle 显示问题。

Answer 1

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

为了将文本保留在一行中，我添加了以下内容：

#name {display:inline-block}

为了不让父元素的高度变大，我添加了这个：

.name {overflow:hidden}