Advanced Tabs Open on Hover

  • Resolved sbml

    (@sbml)


    1 year, 7 months ago

    Hi, I’m using Advanced Tabs as a dropdown mega menu for products, but I have a request from the client to open the tabs on hover event, instead click event. Is there any default option for this ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Pial

    (@iapial)

    1 year, 7 months ago

    Hello @sbml

    Hope you are doing well.

    Sorry to inform you that our plugin currently does not have that feature to open EA Advanced Tab on the hover event.

    Thank you for the inquiry it will help us to improve our plugin.

    Have a nice day.

    Thread Starter sbml

    (@sbml)

    1 year, 7 months ago

    Hello @iapial

    Thanks a lot for your answer.

    I added a small jquery script. I don’t know if it’s the best way but it works well.

    jQuery(document).ready(function($) {
	
    $('.eael-tabs-nav ul li').hover(function() {
		
        $(".eael-tabs-nav ul li").addClass("inactive").removeClass('active').attr({ 
		'aria-expanded':"false",
		'aria-selected':"false",
		tabindex:"-1"
	});
		
	$(this).removeClass('inactive').addClass("active").attr({ 
		'aria-expanded':"true",
		'aria-selected':"true",
		tabindex:"0"
	});
			
        var selected_tab = $(this).attr("aria-controls");
		$('.eael-tabs-content div').addClass('inactive').removeClass('active');
		$('.eael-tabs-content #'+selected_tab).addClass('active');
		
    });
});

    Hace a nice day and great work with this plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Advanced Tabs Open on Hover’ is closed to new replies.