Question

首先：这是我的fiddle。菜单上有一个按钮顶部，有一个带有4个链接的侧边栏菜单，最后一个链接有子链接点击按钮菜单后更宽。
到现在为止还挺好。我希望在最后一个链接上显示鼠标时显示子链接。并且我想在菜单变宽时用点击在父链接下方显示子链接。

我这样做了，但是有一个问题。我想在菜单变宽时用点击显示子链接。
但现在它没有？

这是我重要的Css

.rightbar.noneStyle #rightMenu.accordion:hover .accordion-body.collapse{
    background: none repeat scroll 0 0 #fff;
    display: none;
    height:0;
    position:unset;
    right: auto;
    top: auto;
    visibility: visible;
}

.rightbar #rightMenu.accordion:hover .accordion-body.collapse {
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: auto !important;
    position: absolute;
    left: 61px;
    top: -8px;
    visibility: visible;
}

有什么想法吗？

Answer 1

我没有使用AngularJS只使用简单的jQuery并更新了标记。这是有效的fiddle。

$(function(){
    $('.dropdown.nonactive').click(function(){        $(this).toggleClass('nonactive').toggleClass('clicked');
    $('ul',this).slideToggle();
    });
});

带有多个动作的侧边栏菜单

1 个答案: