CSS/Jquery显示hide子菜单

Question

仍然试图找出jQuery,我需要一些侧边栏列表的帮助.

我在尝试一些东西之后编辑这个.

我试图隐藏子菜单,直到特定列表项被鼠标悬停,然后侧边栏侧面出现另一个菜单,您可以将鼠标悬停在这些选择上.我在那里一半但是当你用鼠标输出时它会消失,然后你可以将鼠标移到任何一个项目上.我将添加hoverIntent,但我不认为这是问题,因为我需要整个隐藏块也是一个触发器来显示该元素.我尝试过下面的Steerpikes解决方案,但它导致整个主列表在鼠标移出后消失.

现在结构如下:

<ul>
<li>Always Showing Element</li>
<li class="trigger">Title that triggers Submenu
<ul>
<li>
Hidden Menu
</li>
</ul>
</li>
</ul>

和脚本

$('li.trigger ul').hide();
 $('li.trigger').hover(function() {
$('li.trigger ul').show();
},
function() {
      $('li.trigger ul').hide();
});

那么当我的鼠标超过li.trigger ul li elementes时,我怎么能让它显示出来呢？

感谢您的帮助!

没关系...这个现在有效,我只是关闭了定位,但现在它重叠了一点,并且通过hoverintent添加一点延迟没有问题.

Answer 1

以下应该有效.我刚刚写了类似的东西3分钟前:)

<ul id='menu'>
<li><a href="">Always showing</a></li>
<li><a href="">Always showing Title of Submenu</a>
<ul>
<li><a href="">Hidden until hover over Title </a></li>
</ul>
</li>

$('#menu li').hover(function() {
        $(this).find('ul').show();
    },
    function() {
      $(this).find('ul').hide();
});

请记住,这hover()需要两个参数 - 当您鼠标移动时会发生什么以及当您将鼠标移出时会发生什么.