Canvas Support

Activate tabs by mouseover instead of clicks

1 reply · opened May 5, 2020

SspyzedMay 5, 2020

Hi,

I am using the Tabs shortcodes:


	
		
- [Tab 1](#tab-1)
		
- [Tab 2](#tab-2)
		
- [Tab 3](#tab-3)
	

	

		
			This is Tab 1 Content
		
		
			This is Tab 2 Content
		
		
			This is Tab 3 Content

Can I know if it is possible for me to trigger the tabs by mouseover instead of clicks? If yes, please advise how to do that. Thank you in advance!

SSemicolon WebSTAFFMay 6, 2020

Hello,

This is Definitely Possible. Simply add the following code at the bottom of the Page just after the js/functions.js JS File linking:


	jQuery(window).on( 'load', function(){
		$( '#tab-1' ).tabs( 'option', 'event', 'mouseover' );
	});

This will definitely work fine. Simply change the #tab-1 in above code with your Tab's ID/Class Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard