不调整现有元素宽度的jQuery-ui幻灯片

Question

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

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

这是一个显示问题的jsfiddle。

Answer 1

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

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

#name {display:inline-block}

为了让父元素的高度不会变大，我添加了以下内容：

.name {overflow:hidden}