submenu

Hi I am making menu and submenu. I have made menu with all effect. I want to open submenu on hover of menu item, but it's not opening; it shows me already open. My JSFiddle #companymenu { background-color: #999; height:35px; width:100%; margin-top: -10px; } .companymenuul { list-style-type: none; } .companymenuli { float: left; display:block; line-height: 35px; padding: 0 15px; } .alisting { color:#000; text-decoration:none; } .aactive { color: #333; background-color: #fff; border-top: 2px solid #999; margin-top: -2px; } .companymenuli a:hover { color:#C63; text-decoration:none; cursor:pointer

I am trying to have a submenu dropdown inside a dropdown, using MaterializeCSS framework. I tried with the following code, but it didn't work. <!-- this the main dropdown --> <ul id="MainDropDown" class="dropdown-content"> <li><a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right" data-activates="drop1">Dropdown1<span class="right caret">►</span></a></li> <li><a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right" data-activates="drop2">Dropdown2<span

Just trying to dive into jquery and forgive me if this has already been answered. Searched but couldn't find an example relevant to what I'm trying to do. I have a vertical menu with some sub menus. It is working that when the top level menu is clicked the sub menu opens up. The problem is that I would like the sub menu to stay open when one of sub-menu items is clicked. As it is now, when a sub-menu item is clicked the menu collapses. Here is my code: // Add class of drop if item has sub-menu $('ul.sub-menu').closest('li').addClass('drop'); // Left Sidebar Main Navigation var menu_ul = $('

I just started coding in jQuery last week and need some help figuring out how to make a menu work properly. I have 3 tabs each with their own menu. When a page is displayed a menu and a sub menu is automatically displayed. Once it's displayed the user can hover over the tabs to see the other sub menus and when they stop hovering the originally sub menu appears. My issue is that although, I can show them the sub menu of the other tabs, I can't keep the sub menu open for the user to click on a sub menu item. Other tutorials show how to do this only when the sub menu is nested within a parent

I've entered the description into the parent menu items in Wordpress, but they're not showing on my theme. I know that a walker class can be used to make changes to the menu, but I don't know how to code it. Here is what I want to achieve: <nav id="main-menu" role="navigation"> <div class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <!-- REPEATING MENU ITEM START --> <li class="menu-parent-item"><a>Face</a> <ul class="sub-menu"> <li class="menu-image-container"> <div class="menu-image"></div> <div class="menu-description">[Face menu item description]</div> </li> <li class=