Tab show on hover


Topic: Tab show on hover

pyroweb asked 3 months ago

Hi

I am trying to get the tabs to show on hover.

I am using the javascript

const triggerTabList = [].slice.call(document.querySelectorAll('.tab-hover a'));
triggerTabList.forEach((triggerEl) => {
  const tabTrigger = new Tab(triggerEl);

  triggerEl.addEventListener('mouseover', (event) => {
    event.preventDefault();
    tabTrigger.show();
    tabTrigger.classList.add('test');
  });
});

Which is copied and edited from your API.

This is not working. I have been testing on a snippet here - https://mdbootstrap.com/snippets/standard/pyroweb/6261691


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 8.0.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes
Tags