在菜单项之间滑动打开的水平子菜单答案

【问题标题】：Horizontal submenu sliding open between menu items在菜单项之间滑动打开的水平子菜单
【发布时间】：2012-12-23 22:54:03
【问题描述】：

我正在尝试创建一个水平菜单，其中一个在左侧，一个在右侧，但是当我将菜单与右侧的子菜单对齐时，会出现一些由“宽度”引起的奇怪的抽搐效果，我认为它只是发生在右边。有谁知道如何在具有不透明度效果的悬停水平子菜单上创建平滑滑动。请需要帮助！

   $(function() {
    $('.sub-menu').hide();

    $('.link').hover(function() {            
            $('.sub-menu', this).stop().animate({
                width: 'toggle',
                opacity: 'toggle'
            } /* [, duration in ms] */);
        }
    );
});

Demo jsfiddle

Code used link

【问题讨论】：

在小提琴中，我什至看不到链接！！！ 编辑： 有问题。让我检查一下。 :)
什么意思？悬停关于“关于”时看不到子菜单链接？
我说我明白了。现在检查一下我的答案。
谢谢你我需要这个工作它必须非常简单但我不能让我正常工作。 :)
是的，完成了。看看我的答案，看看小提琴。

标签： jquery

【解决方案1】：

空间是个问题。

在你的小提琴中，About 后面有一个空格，UL 后面有inline-block，所以删除空格并将padding-left 给.sub-menu。这样就解决了。

修复：

.sub-menu li:first-child {padding-left: 5px;}

小提琴：http://jsfiddle.net/zR5Tx/2/

【讨论】：

显示什么，伙计？我在那里给出了小提琴链接。一探究竟。 jsfiddle.net/zR5Tx/2
谢谢你，在我回答之前我没有看到链接，现在我看到了。让我们看看这是否有效，谢谢！
悬停滑回后我仍然有抽搐。很奇怪:(
你好，你用的是什么浏览器？我有它，但不是在我修复之后。
google chrome 工作，但它也必须在其他浏览器上工作