Question

好的，所以我仅限于如何在大型商务中自定义菜单。这就是我到目前为止所记录的，请记住一些标签是由它自己生成的。

在手风琴中显示类别菜单的面板代码如下所示：

$('.SideCategoryListClassic').children().children('li')
    .hover(function(){
        $(this).children('ul').children().slideDown()
    },
    function(){
        $(this).children('ul').children().slideUp()
    });
$('a[href*="-main"]').attr('href', '#')

还有一个内联样式表

.SideCategoryListClassic ul li ul li {
    display: none;
}

生成菜单的方式超出了我的范围。我添加的其中一个是HERF替换标记，用于禁用主类别上的链接，并且只对子类别起作用。

现在菜单用作悬停，但我希望它是一个点击功能菜单。我希望该组在点击时延伸，但如果我点击另一个组，id就像隐藏前一个组。请记住，我不能修改UL的生成方式，也不能为它们分配样式类或id标签。你可以在这个页面看到菜单的样子：

http://www.d2industries.mybigcommerce.com/about-us/

Answer 1

$('.SideCategoryListClassic').children().children('li').click(function(){
    $('.SideCategoryListClassic').children().children('li').not(this).children('ul').children().slideUp();
    $(this).children('ul').children().slideToggle()
});

点击后，使用.slideToggle()切换每个菜单的状态。

第一行选择不此菜单的所有菜单并将其向上滑动。第二行切换当前菜单的幻灯片。如果您不希望用户再次点击它来关闭当前打开的菜单，请将slideToggle更改为slideUp。

DEMO

大商业悬停菜单

1 个答案: