Open Tabs On Hover Instead of Click

<em>Add the code below in an HTML element, on the same page as you have the Elementor tabs that you want to be openable on hover.</em>

&lt;script&gt;
/* Code from https://element.how/elementor-open-tabs-hover/
*/
document.addEventListener('DOMContentLoaded',function(){
jQuery(function($){
$('.hoverTabs .e-n-tab-title').mouseenter(function(){
$(this).click();
});
});
});
&lt;/script&gt;

<em>Give your tabs element the class name</em> <strong>hoverTabs</strong>.
<em>Add this code at the bottom of your HTML element to have a fade in on your tabs content. Adjust the timing as you wish.</em>

&lt;style&gt;
.hoverTabs .e-n-tabs-content .e-con.e-active {
animation: fadeInTabs 0.8s ease forwards;
}
@keyframes fadeInTabs{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
&lt;/style&gt;