To do that, you have to set hidden
attribute to the sub menu.
CSS
#wrapper .fusion-vertical-menu-widget.left .menu .sub-menu {
display: none;
}
to toggle display on the menu on hover over servizi, you can add jQuery hover to the menu item.
jQuery
var subMenu = jQuery("#wrapper .fusion-vertical-menu-widget.left .menu .sub-menu");
jQuery("#menu-item-12049").hover(function(){
subMenu.show();
}, function(){
subMenu.hide();
});
Note: You should change the class values to more appropriate values, these are just extracted from what I saw, but probably a good idea to get better css selectors
Related Posts:
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Failed to load resource: the server responded with a status of 404 (Not Found)
- How to change CSS using jQuery?
- Angular: conditional class with *ngClass
- Remove class using jQuery
- How can I scroll to an element using jQuery?
- “Uncaught TypeError: Cannot read property ‘style’ of null at.. “
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Bootstrap Dropdown menu is not working
- Change Background color (css property) using Jquery
- Using Javascript in CSS
- Set timeout for ajax (jQuery)
- How to generate a simple popup using jQuery
- How does the data-toggle attribute work? (What’s its API?)
- CSS height 100% percent not working
- Use images like checkboxes
- Adding images to a Bootstrap Carousel with AJAX
- Completely disable scrolling of webpage
- Angular: conditional class with *ngClass
- Setting background-image using jQuery CSS property
- Angular: conditional class with *ngClass
- How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- Full-screen iframe with a height of 100%
- How to add multiple classes to a ReactJS Component?
- Change CSS of class in Javascript?
- How to print HTML content on click of a button, but not the page?
- Equivalent of jQuery .hide() to set visibility: hidden
- Bootstrap 4 Dropdown Menu not working?
- TypeError: $(…).modal is not a function with bootstrap Modal
- Why is the jquery script not working?
- How to do fade-in and fade-out with JavaScript and CSS
- TypeError: $(…).DataTable is not a function
- Change text on hover, then return to the previous text
- CSS Animation onClick
- Textarea Auto height
- Mixed Content Page: requested an insecure stylesheet error
- Why is marquee deprecated and what is the best alternative?
- Refresh/reload the content in Div using jquery/ajax
- How to write inside a DIV box with javascript
- How to get height of div in px dimension
- Crop the image using JavaScript
- Force div to be topmost element of any and all webpages
- Retrieve the position (X,Y) of an HTML element
- How to display raw JSON data on a HTML page
- “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
- how to display a div triggered by onclick event
- Why is jquery show() not working in example
- jQuery scrollTop() method not working
- Set CSS property in JavaScript?
- Change an image with onclick()
- JavaScript – Count Number of Visitor for Website
- Creating Accordion Table with Bootstrap
- Getting or changing CSS class property with Javascript using DOM style
- Fully responsive HTML5 video
- How to create checkbox inside dropdown?
- How to change cursor from pointer to finger using jQuery?
- Positioning element at center of screen
- Adding Google Translate to a web site
- Bootstrap Collapse not Collapsing
- Cannot read property ‘style’ of undefined — Uncaught Type Error
- How can I remove a style added with .css() function?
- How to make HTML element resizable using pure Javascript?
- How to use aria-expanded=”true” to change a css property
- How to set “style=display:none;” using jQuery’s attr method?
- WordPress Bootstrap Handburger Menu Wont Open
- Add toggle button for mobile sub-menus
- Correct way to include extra styles & script files?
- WP adds long version query strings to CSS and JS files
- WordPress getting css and script files from client machine rather than the server machine
- Type character in name and make it invisble
- Change hover to onclick on menu
- Hide CSS class only in single post pages
- JavaScript replace/regex
- how to render a react component using ReactDOM Render
- how to get the last character of a string?
- Escaping Discord subset of markdown
- ESLint Parsing error: Unexpected token
- Proper way to wait for one function to finish before continuing?
- Bower: ENOGIT Git is not installed or not in the PATH
- Converting an object to a string
- declaration or statement expected javascript/typescript
- The preferred way of creating a new element with jQuery
- How to pass parameters using ui-sref in ui-router to controller
- Add and remove multiple classes in jQuery
- How To Save Canvas As An Image With canvas.toDataURL()?
- What are alternatives to document.write?
- What are differences between SystemJS and Webpack?
- How to find if div with specific id exists in jQuery?
- TypeError: $ is not a function WordPress
- How to add JavaScript code on WordPress properly?
- Hide Add to Cart Button
- Gutenberg getMedia() in post query doesn’t return all featured images
- Can I change an external script’s HTML?
- Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
- How to install cool javascript feature in WordPress?
- Normal for scripts to be loaded after body tag?
- JS inside modal doesn’t work
- How to Get Post Meta in .Js File [duplicate]
- JavaScript problem in a WordPress PAGE