如何制作这样的下拉列表（里面有列表的div）？答案

【问题标题】：How to make a dropdown like this (div with lists inside)?如何制作这样的下拉列表（里面有列表的div）？
【发布时间】：2014-06-16 14:38:29
【问题描述】：

如何制作这样的下拉菜单？

当他让鼠标从主菜单（在本例中为“Acessórios”）悬停一个 li 以显示一个包含一些列表的 div ...

如果可能，仅使用 HTML 和 CSS

【问题讨论】：

向我们展示您当前的代码。我猜你尝试了一些东西......
到目前为止你做了什么？？提供你的代码到现在，我们在这里帮助你，但不是开发你的工作......
尝试谷歌搜索“超级菜单”

标签： html css list drop-down-menu

【解决方案1】：

很抱歉，我无法提供正确的答案，但这是一个相当模糊的问题，如果没有您现有的代码，我能提供的帮助是有限的。但从外观上看，this example 似乎是您正在寻找的东西。您可以免费下载源代码，请务必寻求任何进一步的帮助。

【讨论】：

【解决方案2】：

你可以通过标签来做到这一点。

创建

选项卡的结构，然后在单击特定锚点时为所有 li 创建内容，只需匹配 id 并显示该内容。

请看下面的代码 -

$('.tabs > li > a').click(function () {
        $('.tab-container >.tab-body').hide();
        var $this = $(this);
        var target = $this.attr('href');
        $('.' + target).show();
        $('.tabs > li ').removeClass('selected');
        $(this).parent().addClass('selected');
        return false;
    });

你可以通过这段 JS 代码得到一些想法

【讨论】：