Question

我有一个导航我正在处理一个子链接有大量子链接的地方。我想在一个漂亮的slideDown框中打开导航下方的子链接框。我在两个实例中工作（subnav刚刚出现，你可以选择项目和subnav滑出的位置，但你不能选择项目）但我似乎无法让它做我做的事情想要在同一时间。

不幸的是，我的笔记本电脑上有所有代码，而且我没有网络，所以我现在无法发布代码。我希望它做的一个例子是http://www.irfu.ie/home.php

我的HTML如下：

<li><a href="" class="nav">TopLink</a>
<div class="navLinks">
    <ul>
        <li><a href... </li>
        ...
    </ul>
</div>
</li>

我的jQuery如下：

$(function(){
    $('nav').hover(
        function(){
            $('navLinks').slideDown();
        },

        function(){
            $('navLinks').slideUp();
        }
    );
});

我的样式表如下：

div.navLinks {z-index:5;position:absolute;width:920px;display:none;}

我可以在样式表中添加以下内容：

div.navLinks li:hover div {display:block}

它会出现（没有滑动动画），我可以翻转链接。没有它，盒子将向下滑动，但我无法翻转任何链接（当我离开导航链接尝试进入框时，它会消失）。

一直在驾驶我，只是有点备用所以任何帮助都会非常感激！

Ť

Answer 1

血腥典型!!!当我回顾这个问题时，我意识到“nav”类是在锚点上，而不是在列表项上！将课程移至li，如下所示：

<li class="nav"><a href="">TopLink</a>

而不是：

<li><a href="" class="nav">TopLink</a>

这一切都在游泳!!! //

这么简单......讨厌那些。喜欢解决我自己的问题！

Ť

修复jQuery块元素动画

1 个答案: