Breaking News: Grepper is joining You.com. Read the official announcement!

Jquery menu display and hide on hover

allan asirraj answered on June 27, 2024 Popularity 1/10 Helpfulness 1/10

answer Jquery menu display and hide on hover

Jquery menu display and hide on hover

Comment

  $(document).ready(function() {
          let targetAboutUs = $('#block-custom-theme-main-menu .menu-items li:eq(0)');
          let targetProduct = $('#block-custom-theme-main-menu .menu-items li:eq(1)');
          let displayAboutUs = $('#block-custom-theme-aboutsecondarymenu');
      
          let secondaryMenu = (target, display) => {
              target.on('mouseover', function() {
                  display.show();
              });
      
              target.on('mouseout', function(event) {
                  if (!target.is(event.relatedTarget) && !display.is(event.relatedTarget)) {
                      display.hide();
                  }
              });
      
              display.on('mouseout', function(event) {
                  if (!target.is(event.relatedTarget) && !display.is(event.relatedTarget)) {
                      display.hide();
                  }
              });
      
              display.on('mouseover', function() {
                  $(this).show();
              });
          }
      
          secondaryMenu(targetAboutUs, displayAboutUs);
      });

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: display hide hover javascript jquery menu

Link to this answer
Share Copy Link

Contributed on Jun 27 2024

allan asirraj

0 Answers Avg Quality 2/10

Jquery menu display and hide on hover

Contents

More Related Answers

Jquery menu display and hide on hover

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.