具有多个操作的侧边栏菜单

Sidebar menu with multiple action

本文关键字：侧边栏 菜单 操作      更新时间：2023-09-26

首先：这是我的小提琴。 菜单顶部有一个按钮，还有一个侧边栏菜单，其中包含 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;
}

知道吗？

我没有使用AngularJS，只是使用简单的jQuery并更新了标记。这是工作小提琴。

$(function(){
    $('.dropdown.nonactive').click(function(){        $(this).toggleClass('nonactive').toggleClass('clicked');
    $('ul',this).slideToggle();
    });
});
相关文章：