在弹出菜单中启用子菜单

javascript
阅读 48 收藏 0 点赞 0 评论 0

example
/* Adds an arrow next to menu items with sub menus */
/* You will most likely need to adjust this per site ~~~~~~~~~~~~~~~~~~~~~ */
.fusion-flyout-mobile-menu .menu-item-has-children > a span::after {
    content: '\e61f';
    display: inline-block;
    font-family: icomoon;
    font-size: 18px;
    width: 18px;
    line-height:35px;
    color:#fff;
    position: static;
	margin-left: 1em;
}


/* These will most likely be fine as they are ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Theis makes it so you can't scroll away from the menu and search icons */
.fusion-flyout-active .fusion-header-has-flyout-menu-content {
    position: fixed;
    width:calc(100% - 60px);
}

/* This makes the current nav item open by default */
.fusion-flyout-mobile-menu.fusion-mobile-nav-holder .menu-item-has-children.fusion-mobile-current-nav-item .sub-menu {
	display: block;
}
custom
//enable child menu items on mobile flyout menu (works like an accordion element)
jQuery('.fusion-flyout-menu .menu-item-has-children > a').click(function(e) {
  e.preventDefault();
  jQuery('.fusion-flyout-menu .menu-item-has-children > .sub-menu').not(jQuery(this).next('.sub-menu')).slideUp();
  jQuery(this).next('.sub-menu').slideToggle();
});
评论列表
文章目录


问题


面经


文章

微信
公众号

扫码关注公众号