0

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

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

$('.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 替换标签，用于禁用主类别上的链接，并且只让它在子类别上工作。

现在菜单功能作为悬停，但我希望它是一个点击功能菜单。我希望该组在单击时扩展，但如果我单击另一个组，我想隐藏前一个组。请记住，我无法修改 UL 的生成方式，也无法为它们分配样式类或 id 标签。您可以在此页面上看到菜单现在的样子：

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

4

1 回答 1

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.

演示

于 2012-06-15T20:24:24.207 回答